On this page:
The Marketing Web Team has created a custom image gallery for our UW WordPress Theme. Our gallery can be added to any page, post or homepage and features:
- A clean way to showcase many images on one page.
- A slideshow experience without an additional plugin.
- A title and optional caption overlay that appear when the user hovers their mouse over thumbnail images.
- Social sharing links and the title/caption overlay when the user hovers over expanded images.
Take this gallery of Katherine’s photos for a test drive:
Students survey the diversity of invertebrates and algae in the rocky intertidal area of Alki Beach. Katherine B. Turner
Puddles on Red Square
Reflection of students in a puddle on Red Square. Katherine B. Turner
Graduates line up outside CenturyLink Field. Katherine B. Turner
Suzzallo at dusk Katherine B. Turner
Newly admitted UW freshman participate in an Advising & Orientation Outdoor Adventure on Whidbey Island. Katherine B. Turner
A student walks through the Quad with the Cherry Blossoms in full bloom. Katherine B. Turner
Sunrise over Gerberding. Katherine B. Turner
Summer scenes around the UW Seattle campus in July, 2012. Katherine B. Turner
Huskies vs Hawaii
Husky TE Austin Seferian-Jenkins (#88) celebrates after receiving a touchdown pass in the third quarter. Katherine B. Turner
The Make-A-Wish foundation organized a flash mob on Red Square on Friday, Feb. 10th 2012 as a part of Alex's MISSION POSSIBLE: ROBOT PROTOCOL wish. 11-yr old Alex wants to bring peace to others and he believes robots will help us accomplish this. Katherine B. Turner
How to create a new gallery
Important: This tutorial assumes you are comfortable with uploading new images in WordPress. If you are unfamiliar with how to upload images, please start with our step-by-step image tutorial.
- Make a new page or post, or edit an exiting one.
- Place your cursor where you would like the image gallery to appear, then click Add Media.
- A pop-up box titled “Insert Media” will appear. Click the Create Gallery link.
- Upload any new images (follow Steps 3-10 in the image tutorial).
- Note: If the images you want in your gallery are already uploaded to your Media Library, click the Media Library link and go to Step 6.
- When you finish uploading your new images, you will be taken to the “Media Library” section of the “Insert Media” pane. Your newly uploaded images will appear as small thumbnails at the bottom.
- You can click on each image and edit your metadata in the “Attachment Details” pane to the right-hand side during this time (changes save automatically).
- Go to Step 7 if you are not adding any already uploaded images to your gallery.
- Select all images you want to appear in your gallery from the Media Library section. A check mark in the corner of each image you selected will appear, and small icons of your selected images will appear at the bottom.
- Click Create New Gallery at the bottom of the “Insert Media” pane.
- You will now be in the “Edit Gallery” pane. Drag and drop your images to reorder them.
- If you need to edit your image titles, captions, and other metadata, click on one image to make your edits in the “Attachment Details” section on the right-hand side. (Your changes will save automatically.)
- Click the Insert gallery button at the bottom of the “Edit Gallery” page.
- You will return to the “Edit Post” or “Edit Page” screen and a gallery shortcode will have been added to your content area.
- Preview your page or post to test out your new gallery.
- Click Publish or Save Draft to save your changes.
Because the galleries are a new (and complex) addition to our theme, we are still working on making improvements. If you have feedback, please email firstname.lastname@example.org.
We have already received requests for the below improvements, which we will try to add in the near future:
- A way to “save” galleries so they can be accessed from the Media Library.
- A way to make changes or edits to galleries after the page/post containing them has been published.
- Enabling galleries on one site to be shared or embedded onto another UW WordPress site.