TGEI Auto Tabs
The demo below demonstrates how a post/page created in the WordPress Gutenberg Editor will appear when TGEI Auto Tabs is enabled for the post/page.
This demo below demonstrates how you can use CSS to style the tabs. In this demo, the tabs are now on the left vertically.
Documentations
TGEI Auto Tabs is plugin for WordPress that automatically rearranges the sections of a post/page into tabs.
How It Works
Tabs are created with an H1 header. If a page has three H1 headers, then there will be three tabs. The content for a tab are all the blocks that follow a H1 header until there is another H1 header or the end of the page is reached.
Content that comes before the first H1 header is not placed into a tab. Currently, there is no way to place content after the tabs.
Stylizing The Tabs
The layout and style of the tabs and their respective contents can be modified using CSS. Refer to the styling guide for more details.