Carousel Slider Block
Introducing the Carousel Block for Gutenberg: Enhance your website’s visual storytelling capabilities with the versatile Carousel Block. This user-friendly addition to the Gutenberg block editor empowers you to effortlessly create engaging image carousels that can be used for various purposes, from showcasing your creative work to sharing informative content. With a simple, intuitive interface, the Carousel Block allows you to transform static content into dynamic, interactive displays, making your website more captivating and informative. Explore the potential of visual narratives and captivate your audience with the Carousel Block in Gutenberg, a valuable tool for elevating the overall experience of your website.
The plugin is developed externally and more information can be found at https://en-au.wordpress.org/plugins/carousel-block/.
* The carousel block does not work within a tab or an accordion that is hidden by default.
Table of Contents
Example
Settings
Slides To Show
This setting controls the number of individual slides or items that are displayed at a single time within the carousel component
Slides To Scroll At A Time
This setting controls the number of slides or items that advance or transition when the user interacts with navigation controls.
Slide Animation Speed (MS)
This setting controls the duration it takes for each slide or item transition to occur when the carousel advances from one slide to the next in milliseconds.
Prev/Next Arrows
To show/hide Prev/Next navigation arrows.
Dots navigation
To show/hide dots navigation.
Infinite loop sliding
Allows the carousel to continuously cycle through its slides or items without ever reaching an endpoint. In other words, when the carousel reaches the last slide, it seamlessly transitions back to the first slide, creating an infinite loop of sliding.
Autoplay
Automatically advances or plays through the carousel’s slides or items without requiring user interaction.
RTL
Enable to display content from right to left.
Mobile Friendly
The Accordion Item block is mobile-friendly.
Accessibility
The Carousel Block, by default, conforms with WCAG 2.1 AA Guidelines, ensuring that all users can navigate and interact with its content easily and effectively. Please ensure the content you put into your slides also conforms with the same standards.
Code
The Carousel Slider Block is publically available on the WordPress plugin repository.
How to use the block on UBC CMS?
Navigate to your site’s Dashboard on UBC CMS and go to Plugins. Search for Carousel Slider Block for Gutenberg and activate the plugin. proceed to the specific post or page you wish to edit. Click the + button located in the top-left corner or in the desired location on the page to add a block. Finally, search for Carousel Slider to insert it into your content.