Start free trial

Interactive Content Slider Needs plugin

The Content Slider block

A native horizontal collection of editable Group blocks with touch scrolling, optional snapping, keyboard navigation and arrow, number or dot controls. Without JavaScript it remains a scrollable row; without the plugin its native blocks become a plain stack.

SubscribeThe 4 designs
Feature slider walkthrough·Twenty Twenty-FivePlays best in its own window

Open in its own window Rendered by WordPress in Twenty Twenty-Five.Open this pattern

4 patterns4 designs13 settingspatternpaste/content-sliderRequires a block theme on WordPress 6.7 to 7.0. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.

The designs

4 patterns, 4 designs between them. Each is this one block wrapped in core blocks, so everything around it takes its colours, spacing and type from your theme.

All 36 interactive patterns

Feature slider walkthrough rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesFeaturesNeeds plugin

Feature slider walkthrough

An inverted feature section that explains a product in three steps, one at a time: each stage fills the frame with a large photograph and its copy beside it, named in words (Step 1 of 3) and selected with numbered controls below.

7 blocksOpen preview
Hero slider cover rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHeroHeroNeeds plugin

Hero slider cover

A full-width hero slideshow with three bright edge-to-edge photographs and compact opaque panels, each carrying a headline, concise introduction and action.

7 blocksOpen preview
Portfolio slider editorial rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveGalleryGalleryEditorialNeeds plugin

Portfolio slider editorial

An editorial portfolio section with four broad image-led project cards and compact caption and project metadata beneath each image.

7 blocksOpen preview
Testimonial slider proof rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsTestimonialsNeeds plugin

Testimonial slider proof

A testimonial section with three generous quote-and-metric cards, one main card and the next card held visibly at the edge.

5 blocksOpen preview

How it moves

Content Slider turns ordinary WordPress Group blocks into a touch-friendly horizontal sequence with accessible arrows or numbered steps. Authors keep using native blocks and familiar Inspector controls; there is no separate slide builder. Every item remains a horizontally scrollable row without JavaScript and a plain stack of native blocks without the plugin.

What you can set before you copy

Every one of these is an attribute of the block, so it is the same control the editor's inspector offers after you have pasted. The Motion drawer on a pattern's own page writes your values into the markup before you copy it.

SettingAttributeValuesDefault
Enable slide navigationpatternpasteMotionOn or offOn
ControlspatternpasteControlsArrows and counter or Numbered steps or DotsArrows and counter
Controls positionpatternpasteControlsPositionBelow slides or Over slidesBelow slides
Click and dragpatternpasteDragOn or offOn
Show scrollbarpatternpasteScrollbarOn or offOn
Snap to slidespatternpasteSnapOn or offOn
Button shapepatternpasteNavShapeSquare or Rounded or RoundSquare
Button backgroundpatternpasteNavBackgroundTheme palette or custom colourTheme
Button textpatternpasteNavTextTheme palette or custom colourTheme
Active backgroundpatternpasteNavActiveBackgroundTheme palette or custom colourTheme
Active textpatternpasteNavActiveTextTheme palette or custom colourTheme
Slide widthpatternpasteWidth45 to 100%, in steps of 178%
Slide gappatternpasteGap0 to 64px, in steps of 124px
Back to the interactive patterns