Posted by Mitch Mitchell on Aug 7, 2010
I’ve seen this often enough, and I decided it was time to say something about it.
When you add images to your WordPress blog, do they show up like this:
Notice, it’s sitting out there in its own netherland, not quite falling into place with the rest of my text? That has to be somewhat irritating, because it takes up space and, well, it just doesn’t look all that good. No matter the size of the image, having it pop out like this makes it seem like it’s not a part of the post. WordPress seems to do this as a default for many blogs. There are certain themes that will render the images properly, but for the most part I don’t see that happening with a lot of people.
You’ll notice that when I post images, they’re part of my content. it wraps around the image, and is under some kind of control. It’s integrated into things, and I can move it left, right, or in the center if I so chose, although I’ve never wanted to have an image in the middle as far as I can remember.
How do I do it? I add a little bit of HTML code to my posts, and whether or not you like doing it or understand it, I think by showing you what I do that you might like how it looks in your blog posts. And then if you can’t remember it, or even if you do, all you have to do is remember to go back to posts where you’ve used the code, copy and paste it into your new post, and then just change the image link. Having said that, I decided it was easier to show it to you as an image, and this time it’s intentionally in the middle so you can see the code without it disappearing:
As you can see, at least I hope as you can see, it’s not difficult code, but it’ll wrap your text around your image and thus blend things in better; at least that’s how I see it. I hope it’s a helpful tip; any questions, just ask.