Creating WordPress Galleries
Image galleries are a great way to share groups of pictures on a WordPress page or post.
Step 1: Place your cursor
A gallery can be inserted onto a page or post by itself, or above, below, or in the midst of text.
- Place the cursor where you want the gallery to appear. If you want the gallery to display in between blocks of text, place a return in between the lines of text so the gallery appears on its own line.
Step 2: Click the Add Media button
- With the cursor where you want the image gallery to appear, click the [Add Media] button located above the web editing toolbar.
- In the popup window, click the [Create a Gallery] option from the list on the left.
Step 3: Add the images to include
- Add the images you want to include in your image gallery by uploading them through [Upload Images] tab or selecting images from the [Media Library] tab.
- The Upload Images tab allows you to add images by dragging them into the upload area from your computer. You can add more than one image, and they will be automatically grouped together as an image gallery.
- The Media Library tab allows you to select images from your site's Media Library. You will see a checkbox displayed next to the selected images
Images added are confirmed with a checkbox displayed in the upper-right corner of each image. Additionally, a row of thumbnails appears at the bottom of the window displaying the selected images.
Step 4 (Optional): Edit the gallery
To edit a gallery, click the gallery within a page then click the pencil icon.
On the Edit Gallery page, you can do the following:
- Add descriptions: Click under an image to enter an image description.
- Rearrange images: Drag and drop image thumbnails to rearrange the order of images in your gallery.
- Reverse order: Click the Reverse Order button to reverse the display of the gallery images.
- Remove images: Hover over an image and click on the “X” to remove any of the images.
- Add more images: Click the [Add more Gallery] button on the left to add more images to the gallery.
- Links To (located in the right column): Select an image to control if the its thumbnail links to an image attachment page or directly to the image only. The default setting for Lafayette College WordPress themes is set to attachment page.
- Columns (located in the right column): Set the number of columns–read as the number of thumbnails across–for which the gallery should display. The default setting is 3.
- Random Order (located in the right column): Enables your gallery to display your image thumbnails in a random order each time they are viewed on the site.
- Size (located in the right column): Set the initial gallery images to Thumbnail, Medium, Large, or Full Size. The default setting is Thumbnail.
Step 5 (Optional): Enable Lightbox if available
A lightbox displays images by filling the screen while dimming the rest of the page. A lightbox gallery includes directional arrows providing navigation back and forth through the gallery.
- If you want to use a lightbox gallery, all images must have "Links to" set to "File." Setting "Links to" to "Attachment Page" will prevent the gallery from using the lightbox feature.
Lightbox on Sites
The following themes installed on sites.lafayette.edu support the lightbox effect:
- Twenty Thirteen
- Twenty Fourteen
Lightbox on Depts
The Lafayette department theme also supports lightbox, but the "Easy Fancybox" plugin needs to be enabled.
To activate the Easy Fancybox plugin:
- Log in to your departmental website.
- Go to the Dashboard.
- Choose "Plugins" from the left menu.
- Click the "Activate" link under the "Easy Fancybox plugin.
To take advantage of the lightbox effect, follow the steps above, but make sure that the “Links to” option is set to file. If it is set to attachment page, the lightbox affect will not work.
- If you are using NextGen Gallery, you should not use Easy Fancybox as the plugins are not compatible.