Photo Gallery

Available in both the Editorial theme and the Classic theme, the Photo Gallery content type is used to display a series of related photos.

Photo galleries are ideal for displaying a large series of photos - or a series of high-resolution photos - and are independent content items that should be added as support elements to existing pages like General Content or Articles.

 

A sample photo gallery with featuring the George Washington bust at 21st & eye street with a thumbnail slider beneath it

Source: Online Strategy

Create a Photo Gallery

The process for creating a Photo Gallery is the same in both themes. However, there are slight differences in adding a Photo Gallery to a page, as well as the options for the final display.

  1. Hover over My Workbench > Create Content
  2. Click on Photo Gallery
  3. Give your Photo Gallery a Title
  4. Click File Browser > Browse
    • The File Browser window will open
  5. Click the Upload button (in the upper left of the window) to add new photos
    • Photos must be uploaded one at a time. This is intentional to ensure content owners are being intentional with photo selection, rather than bulk uploading repetitive images from a camera roll.
    • We recommend uploading images at a minimum width of 2000 pixels. Drupal will scale the image down to the appropriate viewing size, while also providing the ability to zoom into the high-resolution image.
  6. Click the Insert File button - or double click on the uploaded image file - once it has been successfully uploaded
  7. Provide descriptive alternate text for the photo
  8. Optionally, provide a title for the photo
  9. Use the Caption text box to provide an optional caption
    • Do not change the Caption text box's format from Plain Text.
    • Do not include HTML, including links, in the caption. This may affect the functionality of the gallery.
  10. Repeat steps 4-9 as many times as necessary
  11. Scroll down to the Publishing Options panel
  12. Change the Moderation State to Published
  13. Click the Save button

You have now created your Photo Gallery. Next, you will need to add it to the desired page.

Add a Photo Gallery to a Page

 

  1. Click on the Customize this Page button at the bottom of the screen
  2. Click the plus (+) icon above the region of the page you'd like to add the Photo Gallery to
  3. Select Photo Gallery from the menu options of the next window
  4. Choose the layout option that suits your needs:
    • Photo Gallery - Grid displays the thumbnail images of the gallery in a grid layout
    • Photo Gallery - Slider displays the thumbnail images of the gallery in a slider
  5. Check the Override Title checkbox to hide or customize the title above the Photo Gallery
  6. Type in the name of your Photo Gallery in the Node Title field
    • Drupal will display a list of matching items
    • You must select from the list. Do not simply type in the Photo Gallery's name.
  7. Leave all other options blank or as is
  8. Click the Finish button on the window
  9. Drag the Photo Gallery to the appropriate space on the page, if necessary
  10. Click the Save button at the bottom of the screen.

 

  1. Click on the Customize this Page button at the bottom of the screen
  2. Click the plus (+) icon above the region of the page you'd like to add the Photo Gallery to
  3. Select Photo Gallery from the menu options of the next window
  4. Choose the layout option that suits your needs:
    • GW Photo Gallery - Small Grid is designed for three-column pages and displays the thumbnail images of the photos in the gallery in a grid pattern.
    • GW Photo Gallery - Small Slider is designed for three-column pages and displays the thumbnail images of the photos in the gallery in a slider.
    • GW Photo Gallery - Medium Grid is designed for two-column pages and displays the thumbnail images of the photos in the gallery in a grid pattern.
    • GW Photo Gallery - Medium Slider is designed for two-column pages and displays the thumbnail images of the photos in the gallery in a slider.
    • GW Photo Gallery - Large List is designed for pages without sidebars and does not display thumbnail images of the photos in the gallery. Rather, it displays all of the photos at the max dimensions of the content area, in a list.
  5. Check the Override Title checkbox to hide or customize the title above the Photo Gallery
  6. Type in the name of your Photo Gallery in the Node Title field
    • Drupal will display a list of matching items
    • You must select from the list. Do not simply type in the Photo Gallery's name.
  7. Leave all other options blank or as is
  8. Click the Finish button on the window
  9. Drag the Photo Gallery to the appropriate space on the page, if necessary
  10. Click the Save button at the bottom of the screen.