Menu

Managing Images on a Page or Post

Pages and Posts (and some custom content types) can have image galleries and/or images displayed in the post content. These images are all stored with a link to the content piece they were uploaded to; they are considered an Attachment of this content piece. They are also stored in the Media Library (accessible from the main admin menu) for use on other pages and elsewhere (you can even copy a direct link to the files uploaded and use them in emails or other sites … more here).

This section covers how to add, delete, and manage the date that’s stored with images attached to a Page or Post. WordPress has a built-in gallery creator that makes it easy to add block of images to pages. There are also simple plugins you can use to help display these images. Some custom themes also have special image display capabilities controlled by the steps below.

WordPress 3.5 and later

Add Media button

First, navigate to the Page or Post edit screen by going to Admin > Pages or Admin > Posts and clicking on the item you want to edit. Once you’re there, click on the Add Media button.

To add a new image: 

  1. Click the Upload Files link below the “Insert Media” header at the top.
  2. Click Select Files and pick the image (PNG, JPG, or GIF) you’d like to add or drag-and-drop from a Finder or File Explorer window onto the window. You can drag and drop or add multiple images at once.
  3. Once the upload is complete, you’ll see fields on the right.
    1. The “Title” field is mostly used internally in site management (it becomes the name in the Media Library) but can appear in galleries as the image name
    2. The “Caption” field is used when the image is inserted into the content (more on that here)
    3. The “Alt text” field is inserted into the image’s meta data (not seen by regular users) and can be used for SEO purposes
    4. The “Description” field is also used internally to describe the image but can also appear in some custom galleries
    5. There may be additional fields below these standard ones that are inserted by a custom theme or plugin
  4. Once you’ve added your text, click out of the field you’re editing to save and click the “X” on the top right to close. Your image should now be attached and any on-page galleries will be updated.

To remove an image

  1. From the drop-down below “Media Library,” select “Uploaded to this page” to only show images attached to this page.
  2. Click on the tile for the image you’d like to remove and click the Delete Permanently link.
  3. Confirm the deletion, if asked, and the image will be removed from the site and your file system.

To edit image information:

  1. From the drop-down below “Media Library,” select “Uploaded to this page” to only show images attached to this page.
  2. Click on the tile for the image you’d like to change and change the information in the fields on the right (see the “Add Image” section above for information on these fields).
  3. Once you’ve added your text, click out of the field you’re editing to save and click the “X” on the top right to close. Your image should now be modified.

To change the order of how the images display: 

  1. From the drop-down below “Media Library,” select “Uploaded to this page” to only show images attached to this page.
  2. You can now drap and drop the image in the order you’d like. They are ordered left to right, top to bottom with the top-left image displaying first.

To replace an image file:

  1. Delete the document in question using the steps above
  2. Add a new document using the steps above

 

WordPress 3.4.2 and earlier

To add an image:

  1. Above the post editor, select the Add an Image icon next to “Upload/Insert”.
  2. Click Select files or Browse to find the new image, then click Open to choose it.  After the upload process, you can add information to your images using the steps listed under “to add details for each picture”.
  3. Scroll down and click the Save All Changes button.

To change displayed images:

  1. Click inside the post editor and select the Gallery link.
  2. Hover over the upper left hand corner and an Edit Gallery Button will appear.  Click on Edit Gallery and you will be taken into the gallery where you will see the images listed.

To add details for each picture:

  1. Click inside the post editor and select the Gallery link.
  2. Find the picture that you would like to add details for and click on Show (located to the right of the picture).  A separate window will open where you can enter your details and information for the picture.
  3. When complete, click Save all changes.

Here are the details that you can edit for each picture:

  • “Title” and “Description” are internal names and not shown on the site typically.
  • “Caption” is the text that will appear beneath the image on your website. This is plain text and, in core WordPress, does not allow for HTML.
  • “Alt text” is used by search engines and screen readers to determine what the image is about. Use this field to describe the image accurately.

To remove an image:

  1. Click inside the post editor and select the Gallery link.
  2. Click Show next to the image that you would like to remove.
  3. Go to the bottom of the page and click Delete, then Continue.

To add a featured image:

  1. Click inside the post editor and select the Gallery link.
  2. Click Show and select the image that you would like to be featured.
  3. Scroll down and click Use as featured image.
  4. Scroll down and click theSave All Changes button.
  • If you delete or replace an image and need the current information/details you will  want to save it by copying and pasting it into a document.
  • To change the order of the images, change the number in the field next to “Show” on the “Gallery” tab and click Save all changes. Documents are listed in numerical order.