Overview Overview

Image galleries are a great way to share groups of pictures on your WordPress site.  The Media Uploader allows you to easily add galleries to any page or blog post on your site. Here’s how to add an image gallery step-by-step, using the media uploader.

In order to place an image gallery, you must first insert you cursor in place in the page where you want it to appear (Fig. 1).  If you also have text on your page it will appear above or below your gallery, depending on where you place your cursor when creating it.

Fig. 1 – Before embedding a WordPress image gallery, you must place your cursor in the area on your page or post where you want it to appear.

Top ↑

Step 1 – Click the Add Media button Step 1 – Click the Add Media button

Once you’ve placed your cursor where you want your image to appear, click on the Add Media button (Fig. 2) to launch the media uploader interface, and select the Create a Gallery option from the list of actions in the left side of the window.

Fig. 2 – Click on the Add Media button to launch the media uploader interface.

Top ↑

Step 2 – Add and/or Select the Images You Want to include Step 2 – Add and/or Select the Images You Want to include

You can create add or select the images you want to include in your image gallery by choosing from either of the following options in the center of the media uploader window:

    • Upload Images: Upload the images you want to use from your computer by dragging them into the upload area.  You can add more than one image, and they will be automatically grouped together as an image gallery (Fig. 3).
    • Media Library: Select from previously uploaded images in the media library by clicking on the ones you wish to add to the gallery.  You will see a checkbox next to your selections.

Note: You can create an image gallery using any combination of new images and previously uploaded images simply by switching back and forth between Upload Files and Media Library tabs.

(Fig. 3) – Any time you upload a group of images at the same time, a gallery of those images is created automatically!

As you upload and/or select images, you will see your selection confirmed on the Insert Media screen (Fig. 4) both by check boxes at the top corner of each thumbnail. Also, a row of thumbnails appears at the bottom of the window to help you keep track of all the images you’ve selected.

Fig. 4 – The Insert Media screen showing the images selected

When you are happy with your selection, click the Create a new gallery button to proceed.

Top ↑

On the Edit Gallery page, you can do the following things before inserting the gallery you have created into your page or post:

  • Rearrange your images: Drag and Drop image thumbnails (Fig. 5) to rearrange the image order of images your gallery.
  • Reverse Order:  Reverses the order of the images in your gallery.
  • Add image descriptions: Add descriptions to your images (optional) which appear as image captions below each thumbnail in the gallery.
  • Remove images: Hover over a thumbnail and click on the “X” to remove any of the images you previously selected.
  • Add more images: Click on the “Upload Images” or “Image Gallery” links in the left hand sidebar to add more images to your gallery.
  • Cancel Gallery: Click on the “Cancel Gallery” link from the actions on the left to exit the Edit Gallery page and cancel your image gallery.

Fig. 5 – You can rearrange the order of images in your gallery at any time simply by dragging and dropping.

Before inserting your gallery, You also have several Gallery Settings available in a pane on the right to control the following:

  • Links To:  Controls whether the gallery thumbnails (on the published page/post) link to to the image attachment page or directly to the source image file itself.
  • Columns:  Set the number of columns you would like to have in your gallery.  3 Columns is the default settings, which is ideal for most sites.
  • Random Order:  Enables your gallery to display your image thumbnails in a random order each time they are viewed on the site.

Once you have determined your gallery settings, click on the Insert gallery button to insert the gallery into your page or post.

Top ↑

Editing Existing Galleries Editing Existing Galleries

Within the visual editor, WordPress galleries are represented as a blue box with a camera icon (Fig. 6) in your text editor window. When viewed on the actual page or post, the gallery is displayed as a series of thumbnail images, which can be clicked to view the full image.

Fig. 6 – The image gallery is represented as a blue box with a camera icon; preview or publish the page/post to see your final image gallery.

At any time, you can edit the images or settings of your gallery by clicking on the Edit Gallery button (Fig. 7) in the upper left hand corner. You can remove the image gallery at any time by clicking on the Remove Gallery button.

Fig. 7– You can edit an existing gallery at any time to add or remove images.