Content Slider Block Pro

Content Slider Block Pro extends the Content Slider Block in Gutenberg with controls for slide order, appearance, movement, and placement. Each slide can combine a title, description, and call-to-action button with a color, gradient, or picture background. Responsive column options adapt the layout for desktop, tablet, and mobile screens. Sliders can present hero sections, announcements, campaign messages, image showcases, or other content arranged in sequence.

Arrange slides and shape their content

Drag and drop slides to change the order of headlines, offers, visuals, or calls to action. Style each slide with background, typography, color, button, and border options. Place content in a preset position or drag it into place within the slide.

Set autoplay and user navigation

For automatic progression, set a delay and pick whether to disable autoplay after interaction, reverse the direction, pause when the mouse enters, or stop on the last slide. Free Mode allows movement during dragging, while Sticky helps maintain a settled slide position.

Visitors can also move through slides with the keyboard or mousewheel, in addition to touch and on-screen controls.

Choose an effect and configure controls

The available transitions include Slide, Fade, and Creative. Pro adds Cube, Coverflow, Flip, and Cards effects. Pagination and navigation can be shown or hidden, with dynamic styles, clickable pagination, and dynamic bullets available. Device visibility settings let you show or hide pagination and navigation on tablet and mobile layouts.

Style the wrapper and place the slider

Set a background and padding for the slider wrapper to define its container. Shortcode support lets you place a configured slider where shortcode placement is appropriate. In Gutenberg, slide content and settings remain available in the right-side settings sidebar.

Set up the slider in Gutenberg

1. Install and activate the Content Slider Block extension.
2. Open a page or post in the Gutenberg editor.
3. Add the Content Slider block from the Content Slider Block category.
4. Create slides, add content, and configure backgrounds, controls, effects, and responsive settings.
5. Use the Pro options to order slides, adjust autoplay, set navigation visibility, and style the wrapper, then publish the page.