{"id":3573,"date":"2024-12-11T15:55:22","date_gmt":"2024-12-11T20:55:22","guid":{"rendered":"https:\/\/www.montclair.edu\/university-communications\/?page_id=3573"},"modified":"2024-12-11T15:55:22","modified_gmt":"2024-12-11T20:55:22","slug":"photo-gallery","status":"publish","type":"page","link":"https:\/\/www.montclair.edu\/university-communications\/web-development-and-experience\/montclair-edu-website-framework\/wordpress-shortcodes\/photo-gallery\/","title":{"rendered":"Photo Gallery"},"content":{"rendered":"

The montclair.edu framework photo gallery was created with the goal of maximizing accessibility while also keeping editing simple. The gallery appears as a grid and expands to full screen when an image is clicked.<\/p>\n

To build a gallery, use the photogallery shortcode tag, with an unordered list (ul) inside. Each item in the unordered list needs a photogalleryitem shortcode to pair an image with a caption.<\/p>\n

Because the photogallery supports image resizing, please only use JPEG files in your gallery.<\/p>\n

Tip: in order to give visitors a clear indication of what\u2019s in your photo gallery, it\u2019s usually best to put an h2 Title and descriptive paragraph before the photo gallery.<\/em><\/p>\n

Example<\/h2>\n

Here is a sample photo gallery.
\n

Click on an image below to enlarge photo.<\/p>

Previous<\/a><\/div>
Next<\/a><\/div>\n