WordPress 2.5+ Tutorial – How to Position an Image and Wrap Text Around an Image

How to Wrap Text Around an Image

Want to Wrap Text Around an Image Using WordPress? Take the Plunge

This tutorial shows how to wrap text around an image using WordPress version 2.5 or later. It also shows how to insert an image and align it (position it to the left, right or center). In earlier versions of WordPress, you had to use the Code (HTML) editing window to insert a bit of HTML (using cascading style sheets) to get the text to wrap properly.

Wrapping text around an image has been improved in WordPress 2.5 or later. You no longer need to use HTML code. Instead, you can use the Add an Image dialog box to specify image alignment, and this does a good job of wrapping text.

If you have already inserted an image, and you decide you want to wrap text around it, you can use the Image Editing dialog box to set image alignment, which has the same nice effect on text wrap.


How to Position an Image and Wrap Text Around an Image Using WordPress 2.5+

Advertisements

WordPress 2.5+ Tutorial – How to Upload and Insert an Image Using WordPress

My Sample Caption for This Image

My Sample Caption for This Image

Related post: WordPress 2.5+ Tutorial – How to Position an Image and Wrap Text Around an Image

Inserting an image using WordPress version 2.5 or later is slightly different than inserting an image using WordPress version 2.3 or earlier. Versions 2.5 and 2.6 are essentially the same. Version 2.6 is the latest version as of July 2008.

Inserting an image that you have already uploaded to WordPress but haven’t used in a particular post or page is actually a bit confusing in version 2.5 or later. You need to be able to find the elusive “Insert into Post” button. It’s not obvious.

There are many other settings and features in the “Add media” tools in the WordPress editing interface. This tutorial covers only the most basic aspects of uploading and inserting an image.

So check it out.


How to Upload and Insert an Image Using WordPress 2.5+

Does WordPress Version 2.5 Use Different Code to Wrap Text Around an Image?

A reader of the popular WordPress tutorial post “How to Position an Image and Wrap Text Around an Image Using WordPress” suggests that the code to wrap text around an image is different in WordPress version 2.5.

HERE’S AN UPDATE: Wrapping text around an image in WordPress version 2.5 or later is much easier than in earlier versions. You may not need to use any HTML code to make adjustments to alignment. Padding around the image is added automatically. See the tutorial “How to Position an Image and Wrap Text Around an Image Using WordPress 2.5 or Later” for more.

Still, the idea that WordPress uses different code to wrap text around an image doesn’t make sense to me. It’s possible that the improvements to text wrap are in version 2.6, not version 2.5.

I do notice that WordPress inserts some new CSS class information with the image, like “alignnone size-full”, but this does not effect the inline CSS I am using to position the image and wrap text around it. The text above wraps as it should around the right side of the image. I don’t see any difference. So hopefully our reader will tell me more about what he means by the “‘edit image’ extra space issue” in WordPress 2.5.


Just for the heck of it, here’s the text wrapping around the left side of the image.

What does everyone think of the new WordPress 2.5 admin panel organization and look-and-feel?

%d bloggers like this: