How to Insert Images, Music and Videos into Pages and Posts

A picture says more than a thousand words.
WordPress makes it easy for you to add images to your WordPress site. There are 2 steps involved to inserting an image into a post. First, the image file must be uploaded onto your web server before it can be inserted into a post. The second step is to actually insert the image into the post in the appropriate location.

Upload and Insert Buttons displayed in a screenshotThe simplest way to do this is to use the “Add Media” function on the page/post screen (see the Upload/Insert buttons to the left of the “Visual” and “HTML” tabs). Choose the appropriate button depending on whether you are adding photos, videos, audio, or miscellaneous media (e.g. PDF files). This method will complete both steps as outlined above.

In the “From Computer” area of the screen you need to upload the desired image file. NOTE: Before hitting the “Upload from Computer” button it is recommended that you select the “Browser Uploader” instead of using the default Flash Uploader.

Screenshot of the Add an Image dialog where you can choose to use the browser uploader instead of flash.
Click on the "Browser Uploader" link in the lower right for a simpler, more stable upload

After selecting the “Browser Uploader”, hit the “Browse…” button and choose the desired image file on your computer. Then, hit the “Upload” button. Your image file is now on your web server.

Make sure you give the image an appropriate title, as well as a relevant description if desired. Choose the desired alignment and size, and hit the “insert into post” button. Your image is now inserted into the post at the location where your cursor was last active.

Every time you upload an image to your web server it is added to the “Gallery” of images that are available for that blog. If you want to insert the same image into another post go to the “Gallery”, hit the “Show” link next to the image title, and then follow the same instructions to insert that image into another location or post.

A screenshot of how to insert images on WordPress pages and posts from your pre-uploaded images in the Gallery.
This time, if you want to use an image you already uploaded, use the Gallery tab and then click 'show'. NOTE: The image shows the word 'hide' because it is already shown.

2 comments

  1. Love the site and the blog topics. I can see you are setting up a great service for your clients creating a set of online instructions to help us out. Thanks!

    Where is your recommendation page of WordPress Widgets? Would love to know which ones you think are best.

    1. Thanks Jason! Hey if you haven’t already, you should check out gravatar.com. You can create an avatar that automatically pops up for you whenever you post on a Gravatar-supporting blog (such as almost all WordPress blogs, and my own). Then we’ll all see your pretty mug instead of the little “G” icon!

Comments are closed.