Sometimes it’s hard to make photos and text play nicely together in one post.  My advice is to take it one step at a time and use the tools available to you in your WordPress dashboard.  Soon those pesky photos will be perfectly aligned.

As a first step never paste into WordPress directly from Microsoft Word.   Previously I’d advocated that you use notepad to help you move text from Word into WordPress.  However recent versions of WordPress have a spiffy tool to help you with this process.  Simply go into Word and copy the text for your post.  Then click on the “Paste from Word” tool.

(If you don’t see the second row of icons then click on the kitchen sink.)

A small window will open.  Paste you text into it and then click the “insert” button.  Your text will be added to your post without all the extra Word weirdness.

With that as a background let’s start working with photos.  A typical scenario is that you have a photo and you want the text to be on the right side of the photo.  Instead of the lovely layout that you envisioned you get something that looks like this:

Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

Here’s what you do.  Click on the photo and then click on the “insert/edit image tool”.

That tool provides several options for dealing with images.  The one you’ll want to use is the “alignment” function.  Left align the photo and your text will pop up to the top of the photo like so:

Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.

One last trick is that you may want the next paragraph of text to come after the image.  (This is the case with this paragraph.)  To make sure that happens go into the code view of your post and enter <br clear=”all”> immediately after the last bit of text that you want beside the photos.  This little bit of HTML will tell the system that you want to wait until after the photo for the next line of text.

And with those few tips you’re off and running!

Leave a comment

Your email address will not be published. Required fields are marked *