How to Add an Image to Your Page or Post

(Psst…this article is closely related to another tutorial, How to Add a Document to Your Page or Post.)

Adding pictures to your WordPress site is easy! You can add pictures in two places within your Dashboard:

  1. Through the Media Library
  2. While you are editing a page or post

The process is basically the same; when you add to the Media Library, you are saving the image for future use, not immediately attaching (associating) it to a specific article. When you add while editing a page, the image is attached to that page.

Adding an Image to the Media Library

  1. Go to Media>>Add New in the left-hand vertical menu of your Dashboard.
  2. Find the image on your machine you want to add, and drag it into the dotted box with your mouse.
media library
Adding an Image to the Media Library (click to enlarge)

Now the image is saved to your Web site, and you can use it wherever you want in the future.

Adding an Image to a Page or Post

Let’s assume you are adding the image you just put into your Media Library.

  1. Start editing a page or post. Place your cursor where you want the image to be inserted and then click the Add Media button, located just above the text editor.

    Add Media
    Add Media
  2. The Insert Media dialog box will open. In the Media Library tab, find the image you want to add and click on it to select it.
  3. Complete the details of the image before you insert it:
    • Title: The title tag for the image (not visible to the user; required)
    • Caption: Fill this in if you want text to appear below your image (visible to the user; optional)
    • Alt Text: Fill this in with a short description of your image; it will display for users who cannot view images in their browsers, and it will help search engine optimization (optional).
    • Description: A long description of the image (not visible; helps search engines and users who can’t view images; optional).
    • Alignment: Left, center, right, or none.
    • Link To: Choices are Media File (the image is linked to itself – if you click the image it will open that image file in a browser window); Custom URL (Type in any Web address); Attachment Page (clicking the image will open a page that contains the image; I never use this option); or None.
    • Size: WordPress automatically makes some resized versions of images you upload. I like to resize my photos before uploading, but you can choose any of the pre-made image sizes.
  4. Click Insert Media.
insert-media
Insert Media Dialog Box (click to enlarge)

Adding a Brand New image to your Page

If you were adding a brand new image (not already in your Media Library), you would choose the Upload Files tab instead of the Media Library tab, and then you would follow the directions in the Adding an Image to the Media Library section above.

Scroll to Top