One of the neater trends that we’re seeing in WordPress themes is that we’re able to introduce tabbed content into a single page when leveraging front-end frameworks – like Bootstrap or Foundation – so you can load up all of the content in a single request and not have to use outdated elements like iframe.
For example, say that you have an index template like this:
- The template includes the usual header information
- There’s a content area that’s composed of tabbed navigation (where each tab is a menu item)
- When the user clicks on a menu item, it brings the corresponding content to the activate state and hides the other content
- It then includes whatever other widgetized areas and footer content necessary for completing the page
It’s pretty cool when it’s executed correctly. Though I’m not saying I have the definitive way to go about doing this in WordPress, here’s what I’ve found to be most effective.


