{"id":3584,"date":"2024-12-11T15:57:22","date_gmt":"2024-12-11T20:57:22","guid":{"rendered":"https:\/\/www.montclair.edu\/university-communications\/?page_id=3584"},"modified":"2024-12-11T15:57:22","modified_gmt":"2024-12-11T20:57:22","slug":"homepage-hero-image","status":"publish","type":"page","link":"https:\/\/www.montclair.edu\/university-communications\/web-development-and-experience\/montclair-edu-website-framework\/wordpress-shortcodes\/homepage-hero-image\/","title":{"rendered":"Homepage Hero Image"},"content":{"rendered":"<p>The <strong>homepagehero<\/strong> shortcode displays a static image at the top of the page with an optional band of three call-to-action buttons.<\/p>\n<p>There are four attributes available for this shortcode:<\/p>\n<div class=\"prpl-row\"><div class=\"prpl-column two-thirds\">\n<p><strong>Desktop:<\/strong><\/p>\n<figure class=\"responsive-image-holder wp-caption alignnone\"><img decoding=\"async\" class=\"mlt-responsive-image\" data-original-image=\"\/university-communications\/wp-content\/uploads\/sites\/144\/2024\/12\/admissions-homepage-hero.png.4.2x.generic.jpg\" src=\"\/responsive-media\/cache\/university-communications\/wp-content\/uploads\/sites\/144\/2024\/12\/admissions-homepage-hero.png.4.2x.generic.jpg.0.1x.generic.jpg\" alt=\"Undergraduate Admissions homepage hero image with three buttons: Sign Up for More Information, 4 Ways to Visit Montclair State, and Check Your Status. Homepage also includes logo area, Menu, Search and Apply tabs.\"\/><\/figure>\n<\/div><div class=\"prpl-column one-third\">\n<p><strong>Mobile:<\/strong><\/p>\n<figure class=\"responsive-image-holder wp-caption alignnone\"><img decoding=\"async\" class=\"mlt-responsive-image\" data-original-image=\"\/university-communications\/wp-content\/uploads\/sites\/144\/2024\/12\/homepagehero-mobile.jpg.2.2x.generic.jpg\" src=\"\/responsive-media\/cache\/university-communications\/wp-content\/uploads\/sites\/144\/2024\/12\/homepagehero-mobile.jpg.2.2x.generic.jpg.0.1x.generic.jpg\" alt=\"Screenshot of admissions homepage on mobile.\"\/><\/figure>\n<\/div><\/div>\n<h2>Attributes<\/h2>\n<table class=\"responsive-table\">\n<thead>\n<tr>\n<th scope=\"col\">Name<\/th>\n<th scope=\"col\">Possible Values<\/th>\n<th scope=\"col\">Required<\/th>\n<th scope=\"col\">Notes<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>label<\/td>\n<td>Any Text<\/td>\n<td>Yes<\/td>\n<td>(none)<\/td>\n<\/tr>\n<tr>\n<td>showlinks<\/td>\n<td><strong>true<\/strong> or <strong>false<\/strong><\/td>\n<td>No<\/td>\n<td>False by default. Can be used to hide call-to-action buttons on pages that don&#8217;t have any.<\/td>\n<\/tr>\n<tr>\n<td>background<\/td>\n<td>URL to an image (starting with \/)<\/td>\n<td>No<\/td>\n<td>If not specified, the page&#8217;s Featured Image will be used.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Code Sample<\/h2>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\r\n\r\n&#x5B;homepagehero background=&quot;\/admissions\/wp-content\/uploads\/sites\/2\/2016\/06\/travel-cover.jpg&quot; alt=&quot;Photo of students taking selfie outside University Hall&quot;]\r\n\r\n&lt;div class=&quot;row&quot;&gt;\r\n\r\n&lt;div class=&quot;column&quot;&gt;&#x5B;button class=&quot;full-width ghost-white&quot;]&lt;a href=&quot;#&quot;&gt;Sign Up for More Information&lt;\/a&gt;&#x5B;\/button]&lt;\/div&gt;\r\n\r\n&lt;div class=&quot;column&quot;&gt;&#x5B;button class=&quot;full-width ghost-white&quot;]&lt;a href=&quot;\/admissions\/visit-us\/&quot;&gt;4 Ways to Visit Montclair State&lt;\/a&gt;&#x5B;\/button]&lt;\/div&gt;\r\n\r\n&lt;div class=&quot;column&quot;&gt;&#x5B;button class=&quot;full-width ghost-white&quot;]&lt;a href=&quot;https:\/\/montclair.elluciancrmrecruit.com\/admissions\/pages\/welcome.aspx&quot; target=&quot;_blank&quot;&gt;Check Your Status&lt;\/a&gt;&#x5B;\/button]&lt;\/div&gt;\r\n\r\n&lt;\/div&gt;\r\n\r\n&#x5B;\/homepagehero]\r\n\r\n<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The homepagehero shortcode displays a static image at the top of the page with an optional band of three call-to-action buttons. There are four attributes available for this shortcode: Attributes Name Possible Values Required Notes label Any Text Yes (none) showlinks true or false No False by default. Can be used to hide call-to-action buttons [&hellip;]<\/p>\n","protected":false},"author":411,"featured_media":3554,"parent":3552,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3584","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3584","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=3584"}],"version-history":[{"count":2,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3584\/revisions"}],"predecessor-version":[{"id":3682,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3584\/revisions\/3682"}],"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=3584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}