Instructions for writing a blog post and including images using WordPress

Since I’ve been installing WordPress for my clients and I type many emails with information on how to use it, I thought it would be helpful for everybody if I put together a wee tutorial on using the posting interface in WordPress. If you ever have any questions regarding blogging or using your WordPress installation, don’t hesitate to email me!


  1. Log into your WordPress blog, using the login and password that was given to you. This will take you to the Dashboard, which is the control center for your blog.
  2. The first link, under “Welcome to WordPress” is “write a post.” Click that and you will be directed to a page where you can start writing.
    1. Type a title. This is very important for search engines, so be sure it’s descriptive of what your post will be about. You might write your title last so you’re sure it’s appropriate for your content.
    2. By default, the area where you write your post is on the Visual tab. This will allow you to see approximately what your post will look like when it’s published.
    3. As you type your post, be sure to click the “Save and Continue Editing” button below the entry box so that you don’t lose your work while you’re writing. This will save your post, but leave the post editor open so you can keep working on it. “Save” saves the entry as a draft.
    4. Above the entry box, there is a toolbar which will look familiar if you’ve used programs like Microsoft Word or Excel in the past. These buttons all work in a similar manner.
    5. The 11th button from the left is the “insert/edit link” button. When you want to make a link, select the text or photo that you want to be clickable, and then click the button. You will see a new box that will allow you to put in the URL of your link. Select “open in new window” if you are sending the user to a page that’s anywhere but on your site.
  3. When you are finished with your post, be sure to check the categories on the right that apply to your post.
  4. Click the Publish button to publish your entry. Or, if you are a contributor to a blog, save it and the editor will publish it for you.

There are two ways to add images to your post – you can either upload them to your blog or you can reference them from another site, such as your photo hosting or other gallery.

  1. Inserting/uploading an image into your blog: Under the upload tab, below the entry box, there is a Browse button. Use that to locate the image file on your computer’s hard drive. If desired, give it a title and description and click the UPLOAD button below. When the image is uploaded, a thumbnail will show up, along with some radio buttons. You can choose which size of your image you want to show in the post, and what you want it to link to. Once you do that, click “Send to editor”. Follow instructions under MANIPULATING IMAGES IN POSTS for further information.
  2. Including an image from a URL in your post: Place the cursor in your post where you want the image to be. Click the “insert/edit image” button (the tree button) in the toolbar. Paste the image URL into the box that opens up. Click insert. Your image will now be in your post. Follow instructions under MANIPULATING IMAGES IN POSTS for further information.

There are a number of things you can do with the “insert/edit image” dialog box that will allow your blog posts to look professional, polished and easier to read.

  1. Resize images: Click on the image once, and you’ll get little handle boxes in the corners. Click on one of the corner handles and hold down your shift key. Drag your mouse and see the image resize. Holding down the shift key keeps the scaling proportional.
  2. Align images with text wrapping around them: Remember that images are INLINE, which means they will sit on their own line, or on a line with text, but an image is much larger than the text, so you’re generally wasting a lot of space. By ALIGNING the image, you get the text to wrap around the image. To do this, click on your image, then click on the “insert/edit image” button in the toolbar above the editing window. You’ll get a little popup window where you can set the alignment. Left or right is usually sufficient. Make sure you click update to set it. The image will then align right or left within your text.
  3. Place a little buffer space between your image and the text: There are two other fields in that image properties pop up box: Horizontal space and Vertical space. Putting a small number in here (I usually put in 5) gives you pixel space around the image so the text doesn’t butt right up to the image.

Be nice. Be real. Be happy.