Do you want to split your posts into tabs to save space and make it easier for users to find what they’re looking for? In this article, I will show you how to add tabbed content in WordPress posts and pages.
Creating Tabs in WordPress Posts
The first thing you need to do is install and activate the plugin Shotcode and Widget tab. The plugin works very well and is easy, and there are no settings to configure.
You Simply create a new post and you will see a new shortcode button. Click on the button and you will see the plugin’s menu.
Click on the Layout tab option in the menu, and it will bring up the plugin tab Editor interface.
The first option in the tab editor is to select the number of tabs you want to display. Next, you can select a layout type. This plugin supports, horizontal and vertical tabs. After that you need to provide each tab title, select an icon if you wish, and then add the tab content.
Repeat the process for your next tab. The last option on the popup is to add a custom CSS class. If you wish to change the appearance of the tabs, then you will need to enter the CSS class here.
During the whole process, you will be able to see the live preview tab on the right side. Once you are done, click on the insert button to add a tab in your WordPress post.
Save and preview your post and you will see your tab that you have created.
Adding a tabbed widget in WordPress
This plugin also provides a widget for adding tabbed content to your WordPress sidebar. Just enter the menu Appearance »Widget and add the OTW Shortcode Widget to the sidebar.
In the widget settings area, click on the add button to add a tab layout. This will bring up the same tab editor as the one I showed you before. Simply create your tabs using the user interface and add them to the widget. Finally, click on the save button to store your widget settings.
Now you can see your website has tabbed content in the widget. Hopefully the above article helps you in creating tabbed content in posts, pages and widgets. Good luck. 🙂