How to Create Gutenberg Post Slider in WordPress?

Nazmul
Technical SEO Analyst at - GiantMarketers

I'm Nazmul. I work as a Technical SEO Analyst at Giant Marketers, helping clients with all things related to technical SEO and the latest developments...Read more

Believe it or not, it takes a visitor 50 milliseconds to form an opinion about your website. That means you only have 50 ms to make a good impression and grab your audience’s attention.

And when you start putting effort into making your website look exceptional and improve its user experience, the use of post sliders works effectively to display your website’s posts and improve its overall appearance.

That’s why, today, in this post, I’m going to show you how to create Gutenberg post slider in WordPress using the FancyPost Gutenberg Post Grid, Carousel & Slider Blocks Plugin.

So, let’s get into it.

Why Should You Use the Post Slider?

If you constantly publish content on your wordpress site, it’s imperative to make your posts look appealing to visitors and stand out from others.

In this case, post sliders can help you collect all your posts in one place in a more organized and beautiful way and display them in a slideshow.

For regular bloggers, therefore, it is highly recommended to use a post slider to enrich their blog

From improving your website’s visual appeal to making your site more flexible and easy to navigate, you can make the most out of a post slider for your website.

Displaying your latest blogs in different categories using a post slider is a great way to capture visitors’ interest rapidly.

However, you will get to see a lot of slider plugins in the wordpress directory. But, in this guide, I’m going to use the Fancy Post Gutenberg block plugin.

The FancyPost plugin offers an elegant ready-made slider for wordpress with customization options.

With the FancyPost slider block plugin, you can create fully responsive post sliders in no time. Even beginners will find this plugin so convenient to use.

It’s a great way to display all your website’s posts perfectly on different sizes of devices, for example, desktop, mobile, and tablets.

Best of all, this plugin allows you to change your content dynamically and give a completely new look to your website posts. This not only enhances your website look but also improves your user engagement.

How to Create Gutenberg Post Slider in WordPress

How to Create Gutenberg Post Slider in WordPress

Now, let’s see how to create Gutenberg post slider in WordPress using the FancyPost plugin.

  • Install and activate the FancyPost Plugin.
  • Create a new page or edit the existing page.
  • Add FancyPost’s post slider Gutenberg block.
  • Customizing the slider, and 
  • Publish or Update the page.

The entire process is really straightforward; all you need to do is follow the following detailed step-by-step processes.

Step 1: Install And Activate The Fancypost Plugin

As usual, first, you need to install and activate the plugin. So, let’s begin the process-

  • Login to your wordpress site.
  • From the admin panel, navigate to the Plugin menu.
  • Click on Plugins and then “Add New”.

navigate to the Plugin menu

  • Now, type FancyPost on the top right side search bar.

Click on Plugins and then “Add New

  • Once you get the plugin, simply click on “Install.”
  • After the installation, click on “Activate.”

simply install the plugin

Step 2: Create a New Page or Edit the Existing Page

Now that the plugin is all set, let’s move forward to add a slider to your website.

Create A New Page Or Edit The Existing Page

You can either create a new page or edit your existing page where you want to add the post slider.

Step 3: Add Fancy Post’s Post Slider Gutenberg Block

Add FancyPost’s Post Slider Gutenberg Block

Once done, click on the (+) icon from your block editor. Then, type “post slider”, and once you get the block click on it. Now, your slider is added to your website posts.

Step 4: Customize the Slider

Once the slider is added to your post click on it. Now, you will see a block menu on the right side of your dashboard. From here, you can customize your post slider.

Customize The Slider

If your website posts are added by category, then all categories will be displayed in the category list box of this plugin’s global control options. You can then choose the category from here and create a category-wise post slider.

Another thing that you can do with this plugin is you can display your slider in a carousel mode. All you need to do is, go to that specific page and select the slider block on which you want to add the carousel mode.

enable the carousel mode

Then enable the “carousel menu button” from the block menu on the right side. And, that’s it, the carousel mode will be added to your post slider and it will look like the following-

enable the “carousel menu button” from the block menu on the right side

Pretty cool, right?

Step 5: Publish or Update the Page

Publish Or Update The Page

The final step is publishing or updating the changes. So, click on “publish” if you added a new page or “update” if you add the slider on an existing page.

And, the final look of your website post will be like this-

the final look using the FancyPost Gutenberg Post Grid

Now let’s take a look at actually what your post slider will include.

Well, it will include the post category, title, a small description, and a Read More Button.

Apart from all these, you can use this plugin to add some other advanced post blocks for your website post. For example-

  • Post grid – 6 layout
  • Post Trisect – 2 layout
  • Post Group – 1 layout

advanced post blocks for your website post

And, of course, you will get to use a lot more customization options from global control to advanced query, pagination, content visibility, color settings, and typography to display your website post block just the way you want.

Ready to Add a Post Slider?

Now you know how to create Gutenberg post slider in WordPress.

As you can see, creating and displaying a post slider is a matter of a few minutes with the FancyPost Gutenberg Post Grid, Carousel & Slider Blocks plugin. As everything is already prepared for you, using this plugin will save a lot of time.

So, what are you waiting for? Start using this fully featured and all-in-one post slider plugin and get your website blog a new elegant look and keep your website visitors more engaged.

Don’t forget to share your thoughts with us. Also, if you have any queries regarding this guide, feel free to ask us by commenting below.

NazmulTechnical SEO Analyst at - GiantMarketers

I'm Nazmul. I work as a Technical SEO Analyst at Giant Marketers, helping clients with all things related to technical SEO and the latest developments in search. My interest in the technical side of SEO was sparked early on in my digital marketing career, and has increased with each project I've worked on - both agency-side and now within SEO Tools.

Leave a Comment

Your email address will not be published.

×
×