This code enables you to add tabs anywhere in any theme.
Here’s the result with basic styling:
Once you install the code, all you need to do is paste in the HTML for your tabs.
The above demo was generated by pasting the tabs HTML into a single post.
You can add the HTML in your editor on any Edit Post or Page screen, text widget or hook it in using PHP code.
There’s 4 types of code used to create tabs in WordPress:
Usage In Other Themes
There’s 3 steps involved to use the tabs code in other themes:
- Copy the tabs folder from the root directory of the tabs theme and paste it into your child themes root directory.
- Copy the tabs_scripts_styles functions code from the functions file ( lines 31 – 35 ) in the tabs theme and paste it into your child themes functions file.
- Paste the HTML for the tabs anywhere in your theme you want to display your tabs.
Here’s the code pre-installed in the Genesis Sample child theme for logged in members: