OK well I only have two hacks actually, but i wanted to use this cool lasso dude image. Hence roundup. And notice how this text is wrapping around it? Well that’s hack #1. A client wanted to know if/how they could achieve this effect in their blog posts, and it actually took a little bit of doing. This WordPress support page deals with the issue. From there I got the CSS code (see below) I needed to add to my theme’s style.css file in order to make it work. Newer themes might already have it.

In any case, once it’s there you can set the text wrapping in your blog’s web console. When editing your post there, click an image, then the little picture icon that shows up in the upper left, and set the alignment as desired. I draft and publish my posts via MacJournal, and unfortunately as far as I can tell I still have to go into the web console to set text wrapping for an image.

Here’s the CSS code needed to make text wrapping on images work:

img.alignright {float:right; margin:0 0 1em 1em}

img.alignleft {float:left; margin:0 1em 1em 0}

img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

Now, hack #2. We run on Windows web servers, which for WordPress is not entirely straightforward. But it seems to work just fine with a little tweaking. Still, I had a problem with auto upgrades and theme editing from the web console. And I put off looking into since it was just an annoyance. This support topic describes the problem’s symptoms and solution. Indeed, granting the Network group write permissions on the blog directory made auto upgrades and theme editing work.

Comments(0) - Join the Conversation

Andrew Crowe Categories: Social Media, Technology, Web