I’ve found that while a number of people have mastered the art of using their WordPress blog to write text based posts they often have trouble adding images. Since there are a lot of bloggers out there who are not true webmasters in the sense that they know how to write basic code I thought I’d occasionally write some easy to follow instructions.
How to place an image to a WordPress post:
In an earlier post I told you how to upload an image into a post. Here I will discuss how to center an image, or wrap text to the left or right of an image.
Note: This technique might work well with other blogging platforms too. I’m only writing it as wordpress instructions since that is the blogging platform that I’ve used the most.
To center a picture just either center it while you are in “rich text editor” mode, or put this extra code around the image code itself:
< p align="center" > image code < /p >
To have a photo to the left or right of a paragraph you must have the paragraph tags around the particular paragraph that you’re sticking the image in :
ie < p >text of paragraph < /p >
with your image code beside the first paragraph tag
< p > < image code > text < /p >
BUT … inside the image code simple put align=”left” or “right” near the img tag like this
< p > < img align="left" rest of image code .... < /p >
Please eliminate all of the spaces between the tag codes when you place this code on your site. For instance < p > shouldn’t have spaces between the < and > tags.
BTW hope this helps!
srikar says
Nice TUT,this would be really helpful for beginners