How to Build a WordPress Slider with Blocks in Gutenslider

To create a WordPress slider with images and other block content, add the Gutenslider block in the block editor, choose media for its slides, and place blocks such as headings or buttons in the slider. Gutenslider works in posts, pages, and templates, with each slide acting as a container for block content.

Add slides and choose media

Insert the Gutenslider block where you want the slider. Choose images from the WordPress Media Library or use video links. You can add content shared across slides or give each slide its own content.

For example, a slide might use an image as its background with a heading and button layered over it. Another slide could contain columns or an embed. These are examples of supported block content, not required layouts.

Choose how the slider behaves

Gutenslider supports slide and fade transitions, autoplay, responsive slide counts, swipe and arrow navigation, and an image lightbox. For video slides, supported options include muted loops, YouTube videos and playlists, and linked video files.

The block editor is where the slider is styled, and its preview can show the effects and autoplay. The sources do not specify particular settings or steps for configuring each option.

Consider the free and Pro versions

The free version supports slider creation. The Pro version adds features including 3D, shaped, and WebGL effects, vertical sliders, scroll parallax, animated controls, and additional lightbox features. Pricing is not specified in the available product information.

Gutenslider is suited to WordPress users who want to build slides from blocks in the editor. If you need a particular Pro feature, check the product site for current details before choosing a version.

Next step: Visit the Gutenslider website to review the plugin and its available features.