{"id":3580,"date":"2024-12-11T15:56:00","date_gmt":"2024-12-11T20:56:00","guid":{"rendered":"https:\/\/www.montclair.edu\/university-communications\/?page_id=3580"},"modified":"2025-02-17T12:45:48","modified_gmt":"2025-02-17T17:45:48","slug":"homepage-band","status":"publish","type":"page","link":"https:\/\/www.montclair.edu\/university-communications\/web-development-and-experience\/montclair-edu-website-framework\/wordpress-shortcodes\/homepage-band\/","title":{"rendered":"Homepage Band"},"content":{"rendered":"

Homepage Bands<\/strong> are the basic building blocks of homepage\/full-width layouts, labeled as the Advanced template in the page editor. Every piece of content must<\/em> be placed inside a band. Homepage bands have four optional attributes that can be used to format them as page content.<\/p>\n

Attributes<\/h2>\n\n\n\n\n\n\n\n\n
Name<\/th>\nPossible Values<\/th>\nRequired<\/th>\nNotes<\/th>\n<\/tr>\n<\/thead>\n
align<\/td>\nleft <\/strong>or right<\/strong><\/td>\nNo<\/td>\nSets the position of the text.<\/td>\n<\/tr>\n
class<\/td>\nlt-gray<\/strong>, red<\/strong>, skewed-edge<\/strong><\/td>\nNo<\/td>\nlt-gray<\/strong> and red<\/strong> set the background color – both can be used in combination with skewed-edge<\/strong><\/td>\n<\/tr>\n
image<\/td>\nURL to an image (starting with \/)<\/td>\nNo<\/td>\nIf specified an image will be displayed to the left or the right of the text dependent on the align<\/strong> attribute.<\/td>\n<\/tr>\n
scalable<\/td>\ntrue <\/strong>or false<\/strong><\/td>\nNo<\/td>\nIf set to true, the text and image will scale in proportion to one another. This produces smaller text on tablets but might be necessary to keep items aligned properly.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Layout Examples<\/h2>\n

Left aligned, skewed edge<\/h3>\n
\"example<\/figure>\n
\r\n[homepageband scalable="true" image="image link" class="lt-gray skewed-edge"]\r\ntext content[buttonrow][button]<a href="button link">Button Text Here<\/a>[\/button][\/buttonrow][\/homepageband]\r\n<\/pre>\n
Right aligned<\/h3>\n
\"example<\/figure>\n
\r\n[homepageband class="lt-gray" align="right" scalable="true" image="image link here"]\r\nText content here\r\n\r\n[button]<a rel="noopener noreferrer" href="button link here" target="_blank">Button Text Here<\/a>[\/button]\r\n\r\n[\/homepageband]\r\n\r\n<\/pre>\n
Code Sample (no image)<\/h3>\n
[homepageband align="left" scalable="true"]\r\n\r\nPlace content inside here.\r\n\r\n[\/homepageband]<\/pre>\n","protected":false},"excerpt":{"rendered":"
Homepage Bands are the basic building blocks of homepage\/full-width layouts, labeled as the Advanced template in the page editor. Every piece of content must be placed inside a band. Homepage bands have four optional attributes that can be used to format them as page content. Attributes Name Possible Values Required Notes align left or right […]<\/p>\n","protected":false},"author":411,"featured_media":3554,"parent":3552,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3580","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3580","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=3580"}],"version-history":[{"count":4,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3580\/revisions"}],"predecessor-version":[{"id":4011,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3580\/revisions\/4011"}],"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=3580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}