Skip to content

Your First Slider

Ajit Bohra edited this page Aug 11, 2025 · 2 revisions

Step 1: Insert Block

insert-block.mp4
  1. Open the page or post in the Block Editor.
  2. Click the “+” Add Block button.
  3. Search for “Slider” and click it.

Step 2: Starting Point

  1. Use a Design Pattern:

Pre-designed sliders ready to customise.

from-pattern.mp4
  1. Use a Variation:

A blank slider with a preset structure.

from-variations.mp4
  1. Build from Scratch:

Start empty and add blocks yourself.

scratch-build.mp4

Tip

For Beginners

  • Start with a pattern if you’re new; it’s faster and gives you a visual base.
  • Use the List View to manage multiple slides more easily.
  • Experiment with different core blocks inside slides for creative layouts.

Step 3: Adding Slides

add-slides.mp4
  • To add a slide: click “Add Slide” in the block toolbar or the list view.
  • Each slide can contain any block: images, headings, buttons, videos, testimonials, etc.

Step 4: Customisation

customize.mp4

In the Block Settings Panel (right sidebar), you can:

  • Select Slider block.
  • Explore settings in the sidebar
  • Adjust slides
  • Adjust spacing.
  • Config navigation
  • Config paginations

Custom slider as needed

Step 5: Responsive Behaviour

responsive.mp4

Under Responsive Controls, you can:

  • Switch preview mode
  • Change how many slides appear per screen size.
  • Enable/disable autoplay.
  • Control arrow and dot navigation for mobile.

Tip

For responsive setting, you will find the device icon next to it, indicating responsive behaviour


The Blablablocks Slider Block combines flexibility and familiarity. You can build anything from a simple image carousel to a rich content slider all within the WordPress block editor.

Clone this wiki locally