A few days back, one of my clients asked me to create a tabbed image gallery for their landing page. Luckily, it was a WordPress website so I was able to create a tabbed image gallery without any coding.
However, it was my first time creating a tabbed photo gallery in WordPress, it took me some hours of research to get it done. During this research, I found the 2 easiest methods to create a tabbed image gallery in WordPress without any coding.
So, I decided to write a complete guide to help WordPress website owners easily create tabbed image galleries for their websites. In this article, I will provide step-by-step guides for both of these methods for creating a tabbed image gallery in WordPress.
Create Tabbed Image Gallery in WordPress Using Ultimate Blocks Plugin
Ultimate Blocks is one of my favorite WordPress plugins. It provides around 26 different blocks in a single plugin including table of contents, review (schema enabled), tabbed content, FAQs, styled list, image slider, and many more.
To create a tabbed image gallery using the Ultimate Blocks plugin, first of all, go to your WordPress dashboard and navigate to Plugins > Add New Plugin. Now, search for “ultimateblocks” and install the plugin named “Ultimate Blocks – WordPress Blocks Plugin” which is by the “Ultimate Blocks” author name.
Once, it’s installed and activated, go to the page where you want to add a tabbed image gallery. Make sure you are using the Blocks Editor (not the Classic Editor using its plugin).
Now, on your page, click the Add Block icon and look for the Tabbed Content block provided by the Ultimate Blocks plugin.
The Tabbed Content block will be added to your content. Click on the Plus icon to add any number of tabs you need for your tabbed gallery. After that, rename all the tabs with your preferred names.
Now, it’s time to add image galleries to all the tabs one by one. Click on the first tab and in the content area click Add Block icon. Now look for the Gallery block and click on it. It will give you two options to create a gallery; Upload and Media Library.
If you already have photos in your media library, just click on it and select all the photos you want to add to your gallery for this tab. Once you have successfully selected photos, click the Create Gallery button and then click on the Insert Gallery button.
It’s that simple. Your gallery will be inserted into that individual tab. Now, repeat the same process for all the required tabs. Create different galleries with different photos for different tabs. This is how you can create your tabbed image gallery in WordPress using the Ultimate Blocks plugin.
The Ultimate Blocks plugin gives you a lot of customization settings to easily customize the tab color, tab title, content color, content background color, and more.
And, all of this can be done with the free version of the Ultimate Blocks plugin. You don’t need its Pro version to create a tabbed image gallery in WordPress.
However, you can’t set up animations, call-to-action, etc. with the free version of the plugin. If you want to create more advanced tabbed image galleries for your WordPress websites, you will have to buy its Pro version. But, for me, the free version seems very sufficient.
Create Tabbed Gallery in WordPress Using Elementor
If you are using Elementor and want to create a tabbed image gallery on your WordPress website, you can do it using an Elementor widget.
First, open the page on which you want to create a tabbed image gallery. Make sure you are editing that page with Elementor. Then, search for “gallery” in the Elementor widgets. You’ll see a Basic Gallery widget and a Gallery widget.
To create a tabbed gallery in Elementor, you will have to use the Gallery widget because the Basic Gallery widget allows you to create only a single gallery, not the tabbed one.
As soon as you add the Gallery widget to the page, you’ll see some settings to edit the gallery. On the Content tab, first, change the type from Single to Multiple as shown in the picture below.
Now, click on the Add Item button to add tabs. In each tab, you can add multiple photos from your media library or by directly uploading them to your website. This way, you can add multiple tabs with multiple galleries to form a tabbed image gallery in WordPress.
However, the important thing to note here is that this Gallery widget of Elementor comes with its Pro version. In the free Elementor version, you can create only a single basic gallery, not the tabbed image gallery.
Read Also: 10 Must-Have WordPress Plugins For Beginners
That’s all about creating a tabbed image gallery in WordPress. Using any of these methods, you can easily create tabbed galleries in WordPress without any effort.
I personally like Elementor Pro for creating tabbed image galleries. But, if you are not using Elementor Pro and don’t have any future plans of using it, you can go with the Ultimate Blocks plugin to create a tabbed image gallery in WordPress.
If you’re a code lover and have a bit of HTML and CSS knowledge, you can write a simple HTML and CSS code. You can also take the help of an AI tool like ChatGPT to write a simple HTML and CSS code for a tabbed image gallery and put that code anywhere you want to show your tabbed gallery inside an HTML Code Block. But, I don’t prefer this method when WordPress has other easy methods as explained above.
