So they added a new WYSIWYG editor in WordPress own app for iOS. And to my Initial amazement it looks like it handles images the correct way by first uploading them, and then gives you the different automatically created sizes done by the server. Maybe I’m finally able to upload images and have Retina support without having to use my Editorial workflow? But when looking at the generated HTML, the height and width of the images is set to zero. It points the URL to the full resolution image, even if you select a smaller one. Not good. If you save a draft, it forgets your image settings like alignment and title.
I’ve tried a lot of blogging apps for the iPad, but none of them handles images the way I want. Images gets the weird name iOS has assigned to them which is not good for SEO. When I upload images to WordPress, I want them to end up in the WordPress Media Library and have all the theme defined sizes created automatically. Just like when you upload from the web interface in WordPress. There’s an added problem when you want your site to support images displayed on a Retina or high DPI device, showing the picture in high resolution using a plugin like WP Retina x2. My favourite text editor on iOS is Editorial app, So I made this Workflow so I can do the naming, resizing and uploading of the images directly inside the app from my iPad or iPhone 6 Plus. You can select which of the theme defined image sizes you want to display and also set the image alignment. This workflow works excellent with the WP Retina x2 plugin, which is the one I use on my site. When everything is done, you have an MultiMarkdown referred image link at the cursor position in the text editor, and the image link and information like width, height and alt-text is added to the end of the document. This makes a very convenient way of blogging on the iPad.
Using Marsedit 3
I’ve been dabbling around with different blog editors for Mac now for a while, trying to find one that suits my needs. I usually try to do most of my blogging on my iPad, but when writing on my Mac I’ve used Byword in combination with Marked2 to do the initial texts written in Markdown.
There are several JPEG image compression tools available that takes a jpeg file and reduces the size of the photo without altering the quality. But which one works best for posting images on a website? I was curious, so I took the tools I usually use and put them through the compress photo function. All applications tested claims not to lower the quality of the image. I’m concentrating on testing jpeg files here, and do a followup article later with results for optimizing PNG files.
Update: A newer, better version has been created. You can download it here.
I use the excellent iPad app Editorial as my preferred text editor. I want to be able to upload images directly from Editorial to WordPress, using xmlrpc, so the images ends up in the media gallery, the files in the correct folders, thumbnails made and a Markdown link with the correct URL is created. So I’ve written a workflow you can download that gives you the ability to select some text (that will be the alt text for the image), and either upload the image in the original size, or resize the width to the dimension you specify. After the image is uploaded, the Markdown image code is inserted. Another good thing is that you have the ability to name the image file, which I haven’t seen in other solutions, like in Poster App, where you get the cryptical iOS internal name of the image. Not so SEO friendly. The easiest solution was to use the wordpress_xmlrpc module, so that needs to be installed before you can use the workflow! but I’ve written a guide about how to install the module/library here. If you forget to install it beforehand, you will get this dialog box with instructions on how to install it if you start the workflow.