Photo of desk with computer monitor displaying Montclair State University website.

Masonry Set

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:

Screenshot of masonry on desktop

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"]

&nbsp;

[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]