William & Mary sign

Latest about COVID-19 and W&M's Path Forward.

Info for... William & Mary
William & Mary W&M menu close William & Mary

Portfolio Listing

Portfolio listings present a collection of high-impact, pre-formatted pages with captioned slideshows and image-based navigation. The listing index page uses a standard left menu and offers an optional right column and intro WYSIWYG, followed by navigation to each portfolio page using a grid of labeled images. Each portfolio page offers an intro WYSIWYG and a captioned slideshow of images and videos, followed by the same grid-style navigation to the pages in the collection. 

As these assets require an extra level of user support — training, consultation on appropriate usage, access to high-quality photography — they are only made available to users upon your request. They are packaged in the asset factories as a Listing Folder - Portfolio and Portfolio Page, and are designed to fit into the site structure in the same way as other listing folders.

Suggested uses & examples
  • Presentation of visual samples organized into categories - see Our Work
  • Presentation of a collection of photos, videos and captions - see Campus Life
Available options for the listing index page
  • Title (required), Summary and Teaser
  • Right column and menu check boxes to show parent and siblings (we recommend leaving the right column off)
  • Intro content WYSIWYG
  • Social Media Thumbnail, Listbox, Related Link and Widget selectors
Available options for the portfolio pages
  • Title (required), Summary and Teaser
  • Menu check boxes to show parent and siblings
  • Portfolio Navigation fields:
    • Short Portfolio Name (this displays under the thumbnail image in the grid-style navigation on all pages)
    • Thumbnail internal image selector
  • Intro content WYSIWYG
  • Social Media Thumbnail
  • Slides: Use the + and - to add or delete slides. Use the up/down arrows to reorder the slides. Note: The submitted page allows you to view the slides as a rotating slideshow or as a list. Fields for each slide include:
    • Large Image selector (use if an image)
    • YouTube Video ID (use if a video)
    • Image or Video Caption
    • Photo Credit (if desired)
Image sizes

Navigation Thumbnail image = 212 x 140 pixels
Slide image = 500 x 311 pixels

We recommend .jpg for all photos and for graphics without a transparency. For graphics with transparency, we recommend .png.

Additional specifications
  • Slides are all one size (slideshow sizes down to 100% width on phones and small devices, moving the captions below the slides).
  • Videos will automatically be letter-boxed to fit the slide size.
  • You can hyperlink a string of text within the text field for slide captions, if desired.