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

A masonry set (also often referred to as an \u201coctet\u201d) 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<\/strong> and the masonrytile<\/strong> shortcode.<\/p>\n

This shortcode can generate several configurations by using the available attributes to define tile widths.<\/p>\n

\n

Desktop:<\/strong><\/p>\n

<\/figure>\n<\/div>
\n

Mobile:<\/strong><\/p>\n

<\/figure>\n<\/div><\/div>\n

Masonry Set Attributes<\/h2>\n

(none)<\/p>\n

Masonry Tile Attributes<\/h2>\n\n\n\n\n\n\n
Name<\/th>\nPossible Values<\/th>\nRequired<\/th>\nNotes<\/th>\n<\/tr>\n<\/thead>\n
background<\/td>\nURL to an image (starting with \/)<\/td>\nYes<\/td>\n(none)<\/td>\n<\/tr>\n
class<\/td>\nlight, dark, responsive-clear, double-width<\/td>\nNo<\/td>\nDefault: dark. The responsive-clear<\/strong> 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.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

8-tile Masonry Set<\/h2>\n
<\/figure>\n

Code Sample<\/h3>\n
\r\n[[homepageband]\r\n[masonryset][masonrytile background="\/wp-content\/uploads\/2015\/10\/092016_8500_Campus-Students.jpg"]\r\n \r\n<h3>Transfer and Adult Information Session<\/h3>\r\n \r\nTuesday, March 7, 2022\r\n \r\n[button class="ghost-white"]<a href="\/admissions\/visit-us\/transfer-and-adult-information-sessions\/">Are You Ready?<\/a>[\/button]\r\n \r\n[\/masonrytile][masonrytile class="light" background="\/wp-content\/uploads\/2017\/02\/umbrella-merged-thumbnail.jpg"]\r\n \r\n<h3>Summer Sessions 2022<\/h3>\r\n \r\nMay 15 - August 24\r\n \r\n[button class="red"]<a href="http:\/\/www.montclair.edu\/summer\/">View Course Schedule<\/a>[\/button]\r\n \r\n[\/masonrytile][masonrytile background="\/wp-content\/uploads\/2017\/02\/2017womensbball.jpg"]\r\n \r\n<h3>Women's Basketball to Host NCAA 1st and 2nd Rounds<\/h3>\r\n \r\nFacing Westfield State on Friday\r\n \r\n[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]\r\n \r\n[\/masonrytile][masonrytile class="light" background="\/wp-content\/uploads\/2017\/02\/njnews_homepagethumb.jpg"]\r\n\r\n \r\n[button class="red"]<a href="http:\/\/www.montclair.edu\/news\/article.php?ArticleID=17740">Sign Up<\/a>[\/button]\r\n \r\n[\/masonrytile][masonrytile class="light" background="\/wp-content\/uploads\/2015\/10\/masonry-flags.jpg"]\r\n \r\n<h3>Middle States Review<\/h3>\r\n \r\n2020-2021\r\n \r\n[button class="red"]<a href="http:\/\/www.montclair.edu\/middle-states\/">Learn More<\/a>[\/button]\r\n \r\n[\/masonrytile][masonrytile background="\/wp-content\/uploads\/2016\/12\/by-the-numbers.jpg"]\r\n \r\n<h3>Immigration Update<\/h3>\r\n \r\n[button class="ghost-white"]<a href="http:\/\/www.montclair.edu\/president\/current-and-emerging-immigration-issues\/">Read More<\/a>[\/button]\r\n \r\n[\/masonrytile][masonrytile class="light" background="\/wp-content\/uploads\/2017\/02\/pankajlal_new.jpg"]\r\n\r\n<h3>Meet a Red Hawk<\/h3> \r\n \r\nPankaj Lal Receives Prestigious PECASE Award\r\n \r\n[button class="red"]<a href="http:\/\/www.montclair.edu\/news\/article.php?ArticleID=17525">The Full Story<\/a>[\/button]\r\n \r\n[\/masonrytile][masonrytile background="\/wp-content\/uploads\/sites\/119\/2022\/01\/2022-01-19_tct-layout-03.jpg.2.2x.generic.jpg"]\r\n \r\n<h3>Join us on Campus<\/h3>\r\nExplore Red Hawk Country on one of our in-person tours.\r\n[button class="ghost-white"]<a href="#">Register Today<\/a>[\/button]\r\n \r\n[\/masonrytile][\/masonryset]\r\n[\/homepageband]]\r\n<\/pre>\n
7-tile Masonry Set<\/h2>\n
<\/figure>\n
Code Sample<\/h3>\n
\r\n[[homepageband]\r\n[masonryset][masonrytile background="\/wp-content\/uploads\/sites\/144\/2024\/12\/7-tile-Masonry-Set.png.5.2x.generic.jpg"]\r\n \r\n<h3>Transfer and Adult Information Session<\/h3>\r\n \r\nTuesday, March 7, 2022\r\n \r\n[button class="ghost-white"]<a href="\/admissions\/visit-us\/transfer-and-adult-information-sessions\/">Are You Ready?<\/a>[\/button]\r\n \r\n[\/masonrytile][masonrytile class="light" background="\/wp-content\/uploads\/2017\/02\/umbrella-merged-thumbnail.jpg"]\r\n \r\n<h3>Summer Sessions 2022<\/h3>\r\n \r\nMay 15 - August 24\r\n \r\n[button class="red"]<a href="http:\/\/www.montclair.edu\/summer\/">View Course Schedule<\/a>[\/button]\r\n \r\n[\/masonrytile][masonrytile background="\/wp-content\/uploads\/2017\/02\/2017womensbball.jpg"]\r\n \r\n<h3>Women's Basketball to Host NCAA 1st and 2nd Rounds<\/h3>\r\n \r\nFacing Westfield State on Friday\r\n \r\n[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]\r\n \r\n[\/masonrytile][masonrytile class="light" background="\/wp-content\/uploads\/2017\/02\/njnews_homepagethumb.jpg"]\r\n\r\n \r\n[button class="red"]<a href="http:\/\/www.montclair.edu\/news\/article.php?ArticleID=17740">Sign Up<\/a>[\/button]\r\n \r\n[\/masonrytile][masonrytile class="light" background="\/wp-content\/uploads\/2015\/10\/masonry-flags.jpg"]\r\n \r\n<h3>Middle States Review<\/h3>\r\n \r\n2020-2021\r\n \r\n[button class="red"]<a href="http:\/\/www.montclair.edu\/middle-states\/">Learn More<\/a>[\/button]\r\n \r\n[\/masonrytile][masonrytile background="\/wp-content\/uploads\/2016\/12\/by-the-numbers.jpg"]\r\n \r\n<h3>Immigration Update<\/h3>\r\n \r\n[button class="ghost-white"]<a href="http:\/\/www.montclair.edu\/president\/current-and-emerging-immigration-issues\/">Read More<\/a>[\/button]\r\n \r\n[\/masonrytile][masonrytile class="responsive-clear double-width" background="\/wp-content\/uploads\/2017\/02\/pankajlal_new.jpg"]\r\n \r\n \r\n<h3>Meet a Red Hawk<\/h3>\r\n \r\n \r\nPankaj Lal Receives Prestigious PECASE Award\r\n \r\n[button class="red"]<a href="http:\/\/www.montclair.edu\/news\/article.php?ArticleID=17525">The Full Story<\/a>[\/button]\r\n \r\n[\/masonrytile][\/masonryset]\r\n[\/homepageband]]\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
A masonry set (also often referred to as an \u201coctet\u201d) 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 […]<\/p>\n","protected":false},"author":411,"featured_media":3554,"parent":3552,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3594","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/users\/411"}],"replies":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/comments?post=3594"}],"version-history":[{"count":8,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3594\/revisions"}],"predecessor-version":[{"id":3809,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3594\/revisions\/3809"}],"up":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3552"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/media\/3554"}],"wp:attachment":[{"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/media?parent=3594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}