How To Make A Post Carousel Without Elementor, Free
We all want that beautiful bar at the bottom of our page with all your latest or relevant posts in a carousel right?! Well here is how you can have one for free without Elementor.
To activate a post carousel for your blog, you will need the Ultimate Gutenberg Add-ons plugin. With this plugin, you can easily set up your own custom post carousel for your blog posts. The plugin will work with any Gutenberg friendly theme it works very well with the Kadence WP theme.
Simply go to the plugins dashboard in your WordPress back-end and activate the UAG plugin. Now go into your blog and set up the formatting of your post carousel.
What kind of theme you will need for a blog carousel
The Ultimate Addon for Gutenberg is a free plugin that can be used with any WordPress theme. The plugin has 25 different blocks that you can choose from and 3 of them are specifically for aranging your blog posts.
You can use the carousel, post grid or masonry.
An example of the carousel is at the bottom of this page, you will see that my latest or most relevant blogs will appear at the bottom of this page in a carousel format.
A theme that works especially well with this plugin is the Kadence WP theme and Astra.
How to customise the Ultimate Gutenberg Ad-don post carousel
First download and activate the plugin. Here is a direct link to it in wordpress.org or you can simply go to your wordpress dashboard and download it from there.
Click on “plugins” and then “add new”.
Now type in “UAG” (short for “ultimate add-ons for gutenberg”) in the plugin search bar.
Now click on activate and install. Click on the add a new block in WordPress.
A search bar will come up.
Search for “post carousel”.
Click on the the block for a post carousel.
And now your posts will be shown in the same way mine are at the bottom of this post.
You can customise the almost all aspects of the carousel. For example post type, taxonomy, and the categories you want shown.
You can organise your posts by date, choose the number of columns, and select the style from your theme.
You can customise your carousel with these available options.
Select your image position ans size.
Here is my personal favourite the option of showing the author and publish date.
Now you can adjust the colour, spacing, “read more link” and add some custom CSS if needed.
How to align the images in the UAG post carousel
There is one “con” to the post carousel of this plugin and that is that nothing is in alignment. To somewhat correct this issue here is a snippet of custom code you can add in the advanced section of your post.
Click on your carousel block and then copy-paste this code in the bar under “Additional CSS class(es).
Here is the code that will force your images to be the same height and width.
.uagb-post-grid img.attachment-large.size-large.jetpack-lazy-image.jetpack-lazy-image--handled { height:250px; width:auto !important; }
Final thoughts
Needless to say this plugin will help you make awesome post carousels for free. I have an entire post about all the features that come with the Ultimate Addons for Gutenberg plugin.
Are you looking for a specific feature you haven’t found yet? Write to me and tell me what you want to read about next, I will do my best to cover it for you in my next post. Good luck my website building comrades!