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

Homepage Hero Carousel

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:

Desktop:

Screenshot of carousel on desktop

Homepage Carousel Attributes

(none)

Homepage Carousel Item Attributes

Name Possible Values Required Notes
background URL to an image (starting with /) Yes (none)
cta Any Text No The text displayed on the button. Default: “Read More”
label Any Text Yes Displays to the left of the headline – used as a category signifier.
link URL to a page Yes (none)

Code Sample


[homepageherocarousel]

[homepageherocarouselitem background"/wp-content/uploads/2017/02/admissionsdeadlinenew.jpg" label="Admissions" cta="Apply Today" link="http://www.montclair.edu/admissions/apply-and-check-status/apply-now/"]

<strong>Freshman Application Deadline Extended!</strong>
Apply by March 17, 2017

[/homepageherocarouselitem]

[homepageherocarouselitem background="/wp-content/uploads/2017/02/Krupa-Greenstein.jpg" label="Academics" cta="Read More" link="http://www.montclair.edu/news/article.php?ArticleID=17751"]

<strong>NSF Grant Funds Scholarships</strong>;
30 future K-6 math teachers will be prepared to teach in high-need New Jersey schools

[/homepageherocarouselitem]

[/homepageherocarousel]