Add an Image to a WordPress Post or Page 

Posted by in Resources, WordPress

There are a number of steps involved with adding an image or other media file to your WordPress website and many formatting options to choose from. It may seem a little complicated at first, but once you get the hang of it, you’ll be glad all of these options are available to you to help fine tune the appearance of your website.

To insert an image or other type of media into a WordPress post or page within your website, first login to the administration area of WordPress. Next, choose either “Posts” or “Pages” from the left navigation menu. For this example, we’ll assume you are writing a new post and adding an image, but a similar procedure will apply if you are adding a page and/or other type of media.

Wordpress Add a Post

Wordpress Add a Post

Next choose “Add New” under the “Post” menu. Begin writing your post and once you get to the area where you’d like to add your image or other media, place your cursor in that position. To add an image, click on the “square” icon next to the “Upload/Insert” text above the text formatting tool bar.


WordPress Add Media Toolbar

After you’ve clicked on the add image icon, a separate window will pop up prompting you to upload a file. There are two version of the file uploader, a Flash based version and a regular browser version. Please click on “Browser uploader” to choose a file to upload to your website and post. You many also use the default Flash uploader, but it doesn’t work properly on certain system configurations. The surer bet is to use the “Browser uploader”.


WordPress Browser Uploader Option

You’ll now be presented with the option to upload a file from your computer. You will also have the option to upload a file from another website (URL), your stored Media Library within your WordPress website, and other upload options depending on which plugins you have installed in WordPress. To upload an image from your computer simply click the upload button and navigate to the file you’ve chosen and click “upload”.

Once you’ve successfully uploaded your file, a new screen will appear with options for formatting your image.

Title: The name of your image file in WordPress. You can change this to any name you like.
Caption: You may leave this blank, however it is always a good idea to add a simple caption to all your images. Not only does it help describe your image to a user viewing your post, it’s also read by search engines. The caption and file name are usually the only information the search engine has to determine what your image really is. A search engine can’t view an image like a human can and make a judgment as to what the image depicts.
Description: You may add a longer description to your image if you prefer, providing addtional information to your users and search engines.
Link URL: If you’d like for your image to be linked to somewhere on the web or on your website, you can add a hyperlink to it here.
Alignment: Where you’d like your image to appear in your post. Choosing none will usually left align your image and not wrap your text around the image. The images in this post are set to align none. If you want to position your text otherwise and have your text wrap around your image, choose one of the other alignment options.
Size: You can either use the actual size of your image or instruct WordPress to reduce the image size.


Now that you’ve added an image to your post you can preview how it will actually look when you publish it to your website by clicking on the “Preview” button on the right side of your screen. If the image is formatted correctly and your post looks the way you want it, you’ve just successfully added an image to your WordPress post!

If your image and post don’t appear properly or you want to adjust it’s appearance, you can click on the image within your post and you’ll see two buttons pop up over the image. Clicking on the first “picture” button will bring you to an image properties page. Here you can make additional adjustments to you image. If you want to start over with a new image or delete the image, click on the “delete” button.

WordPress Edit an Image

WordPress Edit an Image