A masonry set (also often referred to as an “octet”) is a collection of manually defined tiles arranged as a grid, and may only be used on the advanced/full-width page template. The entire object is created using the masonryset and the masonrytile shortcode.
This shortcode can generate several configurations by using the available attributes to define tile widths.
Desktop:
Mobile:
Masonry Set Attributes
(none)
Masonry Tile Attributes
| Name | Possible Values | Required | Notes |
|---|---|---|---|
| background | URL to an image (starting with /) | Yes | (none) |
| class | light, dark, responsive-clear, double-width | No | Default: dark. The responsive-clear class will be clear at desktop resolutions, then dark at mobile resolutions. Use it for double-width tiles where the text doesn’t overlay anything in desktop. |
8-tile Masonry Set
Code Sample
[[homepageband] [masonryset][masonrytile background="/wp-content/uploads/2015/10/092016_8500_Campus-Students.jpg"] <h3>Transfer and Adult Information Session</h3> Tuesday, March 7, 2022 [button class="ghost-white"]<a href="/admissions/visit-us/transfer-and-adult-information-sessions/">Are You Ready?</a>[/button] [/masonrytile][masonrytile class="light" background="/wp-content/uploads/2017/02/umbrella-merged-thumbnail.jpg"] <h3>Summer Sessions 2022</h3> May 15 - August 24 [button class="red"]<a href="http://www.montclair.edu/summer/">View Course Schedule</a>[/button] [/masonrytile][masonrytile background="/wp-content/uploads/2017/02/2017womensbball.jpg"] <h3>Women's Basketball to Host NCAA 1st and 2nd Rounds</h3> Facing Westfield State on Friday [button class="ghost-white"]<a href="http://www.montclairathletics.com/news/2017/2/27/womens-basketball-to-host-ncaa-1st-2nd-rounds.aspx">Go Red Hawks!</a>[/button] [/masonrytile][masonrytile class="light" background="/wp-content/uploads/2017/02/njnews_homepagethumb.jpg"] [button class="red"]<a href="http://www.montclair.edu/news/article.php?ArticleID=17740">Sign Up</a>[/button] [/masonrytile][masonrytile class="light" background="/wp-content/uploads/2015/10/masonry-flags.jpg"] <h3>Middle States Review</h3> 2020-2021 [button class="red"]<a href="http://www.montclair.edu/middle-states/">Learn More</a>[/button] [/masonrytile][masonrytile background="/wp-content/uploads/2016/12/by-the-numbers.jpg"] <h3>Immigration Update</h3> [button class="ghost-white"]<a href="http://www.montclair.edu/president/current-and-emerging-immigration-issues/">Read More</a>[/button] [/masonrytile][masonrytile class="light" background="/wp-content/uploads/2017/02/pankajlal_new.jpg"] <h3>Meet a Red Hawk</h3> Pankaj Lal Receives Prestigious PECASE Award [button class="red"]<a href="http://www.montclair.edu/news/article.php?ArticleID=17525">The Full Story</a>[/button] [/masonrytile][masonrytile background="/wp-content/uploads/sites/119/2022/01/2022-01-19_tct-layout-03.jpg.2.2x.generic.jpg"] <h3>Join us on Campus</h3> Explore Red Hawk Country on one of our in-person tours. [button class="ghost-white"]<a href="#">Register Today</a>[/button] [/masonrytile][/masonryset] [/homepageband]]
7-tile Masonry Set
Code Sample
[[homepageband] [masonryset][masonrytile background="/wp-content/uploads/2015/10/092016_8500_Campus-Students.jpg"] <h3>Transfer and Adult Information Session</h3> Tuesday, March 7, 2022 [button class="ghost-white"]<a href="/admissions/visit-us/transfer-and-adult-information-sessions/">Are You Ready?</a>[/button] [/masonrytile][masonrytile class="light" background="/wp-content/uploads/2017/02/umbrella-merged-thumbnail.jpg"] <h3>Summer Sessions 2022</h3> May 15 - August 24 [button class="red"]<a href="http://www.montclair.edu/summer/">View Course Schedule</a>[/button] [/masonrytile][masonrytile background="/wp-content/uploads/2017/02/2017womensbball.jpg"] <h3>Women's Basketball to Host NCAA 1st and 2nd Rounds</h3> Facing Westfield State on Friday [button class="ghost-white"]<a href="http://www.montclairathletics.com/news/2017/2/27/womens-basketball-to-host-ncaa-1st-2nd-rounds.aspx">Go Red Hawks!</a>[/button] [/masonrytile][masonrytile class="light" background="/wp-content/uploads/2017/02/njnews_homepagethumb.jpg"] [button class="red"]<a href="http://www.montclair.edu/news/article.php?ArticleID=17740">Sign Up</a>[/button] [/masonrytile][masonrytile class="light" background="/wp-content/uploads/2015/10/masonry-flags.jpg"] <h3>Middle States Review</h3> 2020-2021 [button class="red"]<a href="http://www.montclair.edu/middle-states/">Learn More</a>[/button] [/masonrytile][masonrytile background="/wp-content/uploads/2016/12/by-the-numbers.jpg"] <h3>Immigration Update</h3> [button class="ghost-white"]<a href="http://www.montclair.edu/president/current-and-emerging-immigration-issues/">Read More</a>[/button] [/masonrytile][masonrytile class="responsive-clear double-width" background="/wp-content/uploads/2017/02/pankajlal_new.jpg"] <h3>Meet a Red Hawk</h3> Pankaj Lal Receives Prestigious PECASE Award [button class="red"]<a href="http://www.montclair.edu/news/article.php?ArticleID=17525">The Full Story</a>[/button] [/masonrytile][/masonryset] [/homepageband]]