{"id":3582,"date":"2024-12-11T15:56:00","date_gmt":"2024-12-11T20:56:00","guid":{"rendered":"https:\/\/www.montclair.edu\/university-communications\/?page_id=3582"},"modified":"2024-12-11T15:56:00","modified_gmt":"2024-12-11T20:56:00","slug":"homepage-hero-carousel","status":"publish","type":"page","link":"https:\/\/www.montclair.edu\/university-communications\/web-development-and-experience\/montclair-edu-website-framework\/wordpress-shortcodes\/homepage-hero-carousel\/","title":{"rendered":"Homepage Hero Carousel"},"content":{"rendered":"<p>Displays a set of items that the user can browse through in place of the homepage hero image. Because of conflicts with screen readers, the homepage carousel may not auto-rotate.<\/p>\n<p>Carousel items must include an image, a label, and descriptive text. Call-to-action buttons are optional. The shortcode is structured as follows:<\/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\/homepageherocarousel-desktop.jpg.4.2x.generic.jpg\" src=\"\/responsive-media\/cache\/university-communications\/wp-content\/uploads\/sites\/144\/2024\/12\/homepageherocarousel-desktop.jpg.4.2x.generic.jpg.0.1x.generic.jpg\" alt=\"Screenshot of carousel on desktop\"\/><\/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\/homepageherocarousel-mobile.jpg.2.2x.generic.jpg\" src=\"\/responsive-media\/cache\/university-communications\/wp-content\/uploads\/sites\/144\/2024\/12\/homepageherocarousel-mobile.jpg.2.2x.generic.jpg.0.1x.generic.jpg\" alt=\"Homepage hero carousel on mobile\"\/><\/figure>\n<\/div><\/div>\n<h2>Homepage Carousel Attributes<\/h2>\n<p>(none)<\/p>\n<h2>Homepage Carousel Item 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>background<\/td>\n<td>URL to an image (starting with \/)<\/td>\n<td>Yes<\/td>\n<td>(none)<\/td>\n<\/tr>\n<tr>\n<td>cta<\/td>\n<td>Any Text<\/td>\n<td>No<\/td>\n<td>The text displayed on the button. Default: &#8220;Read More&#8221;<\/td>\n<\/tr>\n<tr>\n<td>label<\/td>\n<td>Any Text<\/td>\n<td>Yes<\/td>\n<td>Displays to the left of the headline &#8211; used as a category signifier.<\/td>\n<\/tr>\n<tr>\n<td>link<\/td>\n<td>URL to a page<\/td>\n<td>Yes<\/td>\n<td>(none)<\/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;homepageherocarousel]\r\n\r\n&#x5B;homepageherocarouselitem background&quot;\/wp-content\/uploads\/2017\/02\/admissionsdeadlinenew.jpg&quot; label=&quot;Admissions&quot; cta=&quot;Apply Today&quot; link=&quot;http:\/\/www.montclair.edu\/admissions\/apply-and-check-status\/apply-now\/&quot;]\r\n\r\n&lt;strong&gt;Freshman Application Deadline Extended!&lt;\/strong&gt;\r\nApply by March 17, 2017\r\n\r\n&#x5B;\/homepageherocarouselitem]\r\n\r\n&#x5B;homepageherocarouselitem background=&quot;\/wp-content\/uploads\/2017\/02\/Krupa-Greenstein.jpg&quot; label=&quot;Academics&quot; cta=&quot;Read More&quot; link=&quot;http:\/\/www.montclair.edu\/news\/article.php?ArticleID=17751&quot;]\r\n\r\n&lt;strong&gt;NSF Grant Funds Scholarships&lt;\/strong&gt;;\r\n30 future K-6 math teachers will be prepared to teach in high-need New Jersey schools\r\n\r\n&#x5B;\/homepageherocarouselitem]\r\n\r\n&#x5B;\/homepageherocarousel]\r\n\r\n<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Displays a set of items that the user can browse through in place of the homepage hero image. Because of conflicts with screen readers, the homepage carousel may not auto-rotate. Carousel items must include an image, a label, and descriptive text. Call-to-action buttons are optional. The shortcode is structured as follows: Homepage Carousel Attributes (none) [&hellip;]<\/p>\n","protected":false},"author":411,"featured_media":3554,"parent":3552,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3582","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3582","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=3582"}],"version-history":[{"count":3,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3582\/revisions"}],"predecessor-version":[{"id":3679,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3582\/revisions\/3679"}],"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=3582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}