Swiper Slider
The Swiper Slider block is a customizable slider powered by Swiper.js, allowing you to create smooth, responsive sliders. You can add any type of content block to each slider item, giving you full flexibility to showcase images, text, or multimedia elements in an interactive, swipeable format. This block is perfect for creating slideshows, testimonials, product showcases, and more.
Settings
- Show Navigation
- Show Pagination
- Speed
- Autoplay
- Slides Per View
- Space Between Slide
Inner Blocks
- Slider Item
How to Create New Slider
- Open the block inserter by clicking the + icon, search for Swiper Slider in the search bar, and select the Swiper Slider block.
- Click Add New Slide to create a slide item, then click Add Content to Slide to add content. You can insert any block within each slide, such as paragraphs, headings, images, or other blocks. For this tutorial, let’s add a testimonial card
- To add more slides quickly, duplicate the first slide as many times as needed, then adjust the content of each slide. Be sure to disable autoplay temporarily to make editing easier.
- Finally, adjust the slider settings in the right sidebar to match your preferences.
