Adding an Image To a Blog Post

Note: images that are of type JPEG (.jpg), .gif or .png work best on the web. Bitmaps or other formats are typically way too big for fast uploading and downloading. You can use a simple program called Paint that is on every Windows machine to convert a picture to the right format. Go here for more information on the simple use of Paint to edit images.

1. First place your curser approximately where you would like the picture to be inserted into your post or page - by clicking on the text area where you want it. Next, click the icon circled in red below (next to the words "Upload/Insert" to add an image to your post or page.

Wordpress upload image button

2. Click "Select Files" to upload a picture from your computer.

Wordpress select files

3. A window will open that will allow you to navigate to the right folder and picture, and then click on the image and then click "Open."

Open an image in Wordpress

4. The image will upload and then be shown on the left. Be sure to fill in the Title and the Description. If you fill in a "Caption" those words will show up nicely framed below the picture in website.

Select an image in Wordpress

5. Notice the Title, Caption, and Description that are filled in. To position where the image will show up in the content, select left, right, or center. Be sure to specify how big you want the image to be (and that it is not too big.) When finished selecting options, be sure to click the "Insert into Post" button.

Image meta data in Wordpress

6. Here you see how it has been inserted to the right side as was selected. Additionally the size of the picture, and the caption "The Wonderful Mt Kenya" has been nicely formatted.

Insert an image in Wordpress

7. And finally here we see how it actually looks on the website once it is published.

Add tags and categories in Wordpress

8. Here is another picture, but this time we want it to show up on the left side, so we select the "Left" button.

Add an image in Wordpress

9. And again we see how it looks in the editor after inserting the image on the left side.

Image inserted in Wordpress

As a final note: If you later decide you don't want the image in the post or page, or that you want to move it to a totally different place within the post - it is best to completely remove it from the post first. (If you remove it from the post, it is still in your media library on Wordpress. You don't have to re-upload it - which also means that a single image can be used reused within multiple pages and posts.) Once you have removed the image from the post, you can click on the text in a totally different place within the post, and then click the "Upload/Insert" icon at the top of the page to re-insert it again.

Now to remove an image from a post (look at the screen above) you would click on the image which would cause two icons to show up in the upper left hand corner of the image. The icon on the right is the "Delete Image" icon (run mouse over it and you will see) - click on the "Delete Image" icon to remove the image from the post.

Re-Inserting an Image From the Media Library

After you have placed your curser where in the text you want to insert an image, and have then clicked on the "Upload/Insert" icon (see step 1 above on this page if you need a refresher), then (as is shown in the screen below) click on the "Media Library" to access images you have already uploaded previously.

Selecting the media library in Wordpress

The Media Library allows you access to all the images you previously uploaded, and there may be multiple pages of images as is show here at the top by the page number icons. Once you find the image you want, click on "Show" link on the right and you will be able to insert that image into your post.

Selecting from the image library in Wordpress