Blog
Tutorials and release notes
How-tos for Gutenslider: building sliders, captions, arrows, parallax and links to single slides.
-
The best slider blocks for the WordPress block editor (2026)
Gutenslider, Spectra, Otter, Stackable, Kadence, Getwid and Essential Blocks compared: which slider blocks let slides hold any blocks, what is free, what they load, and when a classic slider plugin…
-
Fullscreen background slider with text on top
Build a fullscreen hero slider in WordPress: photos or video that fill the screen, a headline and button that stay in place, readable text and a fast first screen. Free,…
-
Full-screen video background slider
Add a muted, looping video background behind your headline: from the Media Library or a YouTube link, with a poster image, an overlay, and tips for the file size and…
-
Slide transition animations: slide, fade, 3D and WebGL
How one slide replaces the next in Gutenslider: slide and fade (free), 3D, shaped and WebGL transitions (Pro), when to use which, the transition speed and reduced motion.
-
Multiple slides per view: a carousel with 3, 2 and 1 slides
Show several slides side by side: slides in view per device, slides per step, the gap, a centered active slide and slides with their own width. Free, with a live…
-
Adaptive height slider: grow with each slide, or a fixed height
Let the slider take the height of each slide, per device, or set a fixed minimum height in px, vh or em. Which to use when, and tips for arrows,…
-
Adding links to slides
Three ways to link from a slider: make a whole slide clickable, add buttons on a slide, or give every slide its own address that other pages can link to.
-
Slide duration, autoplay and transition speed
Autoplay, pause on hover and loop, how long each slide stays and how fast it changes, with values that work for heroes, testimonials, carousels and logo strips.
-
Changing the slide order, or a random order
Move a slide with its toolbar, drag it in the List View, choose the order when you add images, shuffle the slides on every visit, or hide a slide without…
-
Gutenslider 7: 26 new effects, video from any link, a new lightbox
Everything new in Gutenslider 7, free and Pro: a new editor, a front end without jQuery, 26 new effects, video slides from any link, a new lightbox, content width and…
-
Setting Slider Defaults with PHP WordPress filters (Pro)
The situation might occur when you are building a website for a customer or yourself and you want to change the default settings of Gutenslider. This short post explains how…
-
Gutenslider Custom Javascript scripting
On custom websites with complex designs, there might be the need for more options than Gutenslider has to offer out of the box. In this post we show you, how…
-
Arrows Follow Mouse WordPress Slider (Pro)
In Gutenslider Pro the arrows can follow the mouse pointer over the slider. How to turn it on, and how it looks.