How to Add an Image to WordPress Blog Posts - dummies

By David Karlins, Doug Sahlin

A picture is worth a thousand words and adds a lot of punch to any WordPress blog post. You can add an image of a product, a company outing, or images from a recent photo shoot. And yup, you can add more than one image to a blog post.

1Optimize an image in the JPEG format.

Make sure the image file size is smaller than 64MB. You should also optimize the image to the largest size at which images are displayed in the theme you use for your blog. Unfortunately, this information varies depending on the theme you use. Sometimes you can get the dimensions from the website that supports the theme, or from within the Appearance section of the WordPress dashboard.

2Create a new blog post.

Position your cursor where you want the image to appear.

3Click the Upload/Insert icon at the top of the Add New Post window.

The Add Media dialog box appears offering you three choices: From Computer, From URL, and Media Library. The second and third options give you the same options as uploading from your computer.

The following steps show how to upload from your computer.

4Click the Select Files button.

The File Upload dialog box opens. Alternatively, you can drag files from the Windows Explorer or Mac Finder directly into the dialog box.

5Select the image file and then click Open.

A message appears telling you that WordPress is processing the file. When the file is processed, the dialog box refreshes to show a thumbnail of the image and your other options.

6Change the image parameters.

Title: By default, WordPress uses the image title, minus the extension. You can change the image title to any name for the post.

Alternate Text: This is text that describes the image for visually impaired people using screen readers. Search engine robots use alternate (alt) text to determine the contents of a blog post. If you use alt text, be sure to add at least one keyword that’s relevant to the post, while still having a readable description for the visually impaired.

Caption: The text you enter here is displayed below the image. Note that the caption option is not available on all blog themes.

Description: The text you enter here is displayed below the image if you choose the Attachment Post URL option in the next step.

7Accept the default File URL, Attachment Post URL, or None.

If you accept the default option, the image opens in another window. If you accept the Attachment Post URL option, the file appears in another window. In either case, it’s easy for a viewer to right-click the image and save it to his hard drive. Choose None to avoid any temptation at thievery.

8Choose an alignment option.

None: The image is aligned to the left margin of the post, or accepts whichever text alignment option is specified for that part of the post.

Left or Right: Post text wraps around the image.

Center: The image is centered in the post, and text appears above or below it.

9Choose a size option.

If you chose thumbnail and choose a link option in Step 7, the full size image appears in another window when the thumbnail is clicked. You can also choose to display a small, medium, large, or full-size version of the image in your post. The physical size of the options varies depending on the size of the image you upload.

10Click the Insert into Post button.

The image is added to your post.