How to place image code in a WordPress post

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!



Tags: , , , , , , ,




2 Responses to “How to place image code in a WordPress post”

  1. Put an Image in a Wordpress post - WebStyle - The Web Files - Web style - Helpful tips, latest gadgets and News Says:

    [...] How to place image code in a WordPress post [...]

  2. srikar Says:

    Nice TUT,this would be really helpful for beginners



Leave a Reply

Comments are moderated. Your comments are welcome, but if you leave comment spam your comment and url(s) will be deleted!


XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>