Wordpress tabbed content

Tabs are commonly used to allow the user to navigate to different sections of the site.
WordPress does not have a special block for creating tabs, but there is no need to worry because in this article we will teach you how to create tabs in WordPress without installing any plugins.

Add tabs in WordPress without plugins

We use the Button block to create tab titles and the Gutenberg block group for the content of each tab.

In the content section of each tab, you can put anything you want, from a simple paragraph to the latest posts or products.

Step1.

Add buttons Block

Add a buttons Block and assign the “red-tab” class to it.
Now add as many tabs as you have to that button. Assign “tab-title” class to each button.
Write a name for the button, the name of the buttons will be the same as the title of your tabs.

Step2.

Add tabs content

Create the content of the first tab using Gutenberg blocks and finally select and group all blocks and assign the “tab-content” class to it.
Select the group and set its display type to “wide width