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:
Mobile:
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]