WiscWeb - WordPress UW Theme - Image Gallery Page Element
This document will walk you through adding an Image Gallery to your page in the WordPress UW Theme. You can see an example at https://wiscweb.wisc.edu/page-elements/image-gallery/.
Layout Availability
The Image Gallery is only available in the One Column Content Layout option. The space and images required would not translate to the smaller two and three column layouts.
Best Practices
- We recommend having at least 10 images in your gallery. Fewer images than that is visually unappealing and looks unfinished. The Gallery is meant to fill the page, and if you have fewer than 10 images, you should be able to add them in a Text Block instead.
- All images should be the same size (height x width). The UW Theme will attempt to auto-format any images that differ in size, but results are not guaranteed.
Adding an Image Gallery
- Navigate to the page on which you want to add an Image Gallery.
- Scroll to the Primary Content Area and the Layout on which you want to add an Image Gallery.
- At the bottom of the Layout, click on Add Page Element.
- On the Page Element list, click on Image Gallery.
Adding Content to your Image Gallery
Once you've added the Image Gallery, it will appear with only a few options in your content layout.
- Add to Gallery: This button will take you to the Media Library where you can select images to add to your Image Gallery. To select an image to add, simply click on it and a checkmark will appear. You can select multiple images by click on each of them. Once you are finished, click Select in the lower-right corner.
- Bulk Actions: The options in this menu allow you to do some fast sorting of your Image Gallery. You can sort by date uploaded, date modified, title, or reverse the current order.
You can also rearrange the images after they have been added to the Image Gallery by dragging and dropping them to their new location in the gallery.
Image Display Properties
Images that display in the Image Galleries will have text from the image display in two areas.
- Title: The title for the image will display on the Image Gallery main page. If you do not enter a title manually, the file name is used.
- Caption: The caption appears when a user clicks on an image to view it in a slideshow.
You can learn how to edit these fields in the "Working in Grid View" section of WiscWeb - WordPress UW Theme - Using Media Library to Add Images or Documents.