How to Create a Slider in WordPress using Gutenslider (2023)

Updated: Sep 13, 2023 By: Dessign Team

Gutenslider for wordpress how to create slider in wordpress

Do you want to learn how to add a simple slider to your WordPress website without any code?

In this tutorial, we will be using one of the best and simplest WordPress Gutenberg slider plugins to create a beautiful and fully responsive slider.

Gutenslider is an image slider and video slider plugin for WordPress that adds a simple-to-use Gutenberg slider block to your WordPress editor.

You do not need other editors but can manage everything directly in the Gutenberg editor you already know and love. You can add any content on top that you want! Gutenslider is faster and slicker than any other slider around and even you can add Gutenslider to any of your FSE (Full Site Editing) WordPress themes.

You can add a simple slider to any part of your WordPress website, you can add it to your homepage, blog page, or your posts just with a few clicks.

What is WordPress Slider?

A slider is a collection of more than one photo to be displayed and rotated either automatically or by clicking on the left or right arrows. You can create basic or complex sliders either by adding text, or buttons or inserting a video into your slides.

Why WordPress sliders are so popular? because it takes minimal space to show more than one post, video, or image with simple animated slides. It makes your website look more professional and interactive, you can add the most important posts or call to action in your home slider.

How to Create a Simple Slider In WordPress

In this tutorial, I will be using a free WordPress slider plugin called Gutenslider to show you how simple it is to add a slider to your homepage website just with a few clicks you can have a beautiful fully responsive WordPress slider without adding any code.

How to add a Simple Slider In WordPress

1. Install and Activate the Free Gutenslider Plugin

The free version of Gutenslider can download from the repository or if you are logging into your dashboard you can search for new plugins.

Download free Gutenslider

If you are login into your WordPress website dashboard, go to – PluginsAdd New – Search for Gutenslider. Click Install Now and Activate

Plugins - Add New - Search for Gutenslider.

2. Insert Gutenslider Block into Your WordPress page

Once you install the Gutenslider plugin, go to your homepage or any page you like to insert the slider. In this example I am using the Default WordPress theme Twenty-Twenty Three you can download from to follow this tutorial.

Insert Gutenslider Block into Your WordPress page

Once you decide where you want to insert your slider, click on the plus box, and search for Gutenslider.

3. Adding photos to your slider

Once you add Gutenslider to your page, it will open a window where you can add photos or media from your Media Library. So now click on the Media Library so we can add some images to your slider.

Adding Photos to your slider

Now we need to select a few photos from your Media Gallery to create your slider gallery to be displayed on your homepage.

Select your photos to be added to the gallery

Once you selected a few photos click on – Create New Gallery button

Insert and edit gallery

Now we can edit the gallery, and you can now rearrange your photos, so if you want the third photo to be your first just drag it to the left.

You can also add a caption to any photo you like or leave it empty. Once you are happy with your photo order click on the Insert Gallery button.

5. Adjust your new slider

Now you will see your simple slider on your homepage, if you like it to be full screen click on the slider and change to full width

Adjust your new slider

Gutenslider has many features you can adjust the height of the slider, select autoplay, show arrows, show dots, change colors and fonts.. and much more.

6. Publish your slider

Once you are happy with all the adjustments you did, now it's time to publish your slider and enjoy your new fully responsive beautiful slider on your WordPress website.

publish your slider

Adding Gutenslider to your WordPress website

Now you know how to add a simple slider to your WordPress website, explore more of its features and add more content or media to it. If you like to try other sliders we have a collection of Slider Revolution templates for more advanced users.

Leave a Reply

Your email address will not be published. Required fields are marked *

Read next