A tabbed image gallery provides a sleek way to organize and present images on your WordPress website, enhancing user experience by allowing easy navigation through different categories or sets of images. This guide will walk you through creating a tabbed image gallery using the Ultimate Blocks plugin.

Steps to create a Tabbed Image gallery in WordPress:

Step 1: Install and Activate the Ultimate Blocks Plugin

Ultimate Blocks is a powerful plugin that adds several useful blocks to the Gutenberg editor, including a Tabbed Content block, which we’ll use for creating the tabbed image gallery.

Steps to Install and Activate Ultimate Blocks:

• Navigate to Plugins > Add New: Go to your WordPress dashboard. Click on Plugins in the sidebar, then select Add New.
• Search for “Ultimate Blocks”: In the search bar, type “Ultimate Blocks”. Find the plugin in the search results.
• Install and Activate the Plugin: Click the “Install Now” button. Once installed, click the “Activate” button.

Selecting and activating plugin

Step 2: Add the Tabbed Content Block

With Ultimate Blocks activated, you can now use the Tabbed Content block to create your tabbed image gallery.

Steps to Add the Tabbed Content Block:

• Create or Edit a Page/Post: Go to Pages or Posts in your WordPress dashboard. Click on Add New or edit an existing page/post.
• Add the Tabbed Content Block: Click the + button to add a new block. Search for “Tabbed Content” and select it from the list.

ShortCuts

Step 3: Create Tabs

Within the Tabbed Content block, you can create multiple tabs to categorize your images.

Steps to Create Tabs:

• Add Tabs: In the Tabbed Content block, click on the “Add Tab” button to create a new tab. Repeat this step to add as many tabs as you need.
• Name the Tabs: Click on the tab titles to rename them according to your categories (e.g., “Nature”, “Architecture”, “Art”).

Step 4: Add Gallery Block Inside Tabs

Now, you can add the Gallery block inside each tab to display your images.

Steps to Add Gallery Block:

• Select a Tab: Click on the first tab to start adding content.
• Add the Gallery Block: Within the selected tab, click the + button to add a new block. Search for “Gallery” and select it.

Upload or Select Images:

• Use the Gallery block to upload new images or select images from your media library.
• Repeat these steps for each tab.

Add Gallery Block

Step 5: Publish Your Page/Post

Once you have added all the necessary tabs and images, you can publish your page or post.

Steps to Publish:

• Preview Your Page/Post: Click the “Preview” button to see how your tabbed image gallery looks.
• If you are satisfied with the layout and content, click the “Publish” button.

Preview the gallery and click on publish

Conclusion

Creating a tabbed image gallery in WordPress is straightforward with the Ultimate Blocks plugin. This method not only organizes your images effectively but also enhances the user experience by making it easy for visitors to navigate through different categories. By following the steps outlined in this guide, you can create a visually appealing and user-friendly tabbed image gallery on your WordPress site.