A masonry set (also often referred to as an “octet”) is a collection of manually defined tiles arranged as a grid on the homepage. The entire object is created using the masonryset and the masonrytile shortcode.
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. |
Code Sample
[homepageband class="scalable"] <h2>[prehead]Montclair State Updates[/prehead]</h2> [masonryset][masonrytile background="/wp-content/uploads/2015/10/092016_8500_Campus-Students.jpg"] <h3>Transfer and Adult Information Session</h3> Tuesday, March 7, 2017 [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 2017</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> 2016-2017 [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]