Hybrid Tabs: WordPress Plugin

Hybrid Tabs

Many of you have asked that I incorporate tabbed widgets into the Hybrid theme much like what exists in Options, Structure, and Visionary. I knew from the moment of building the theme that this was something I’d never want to do.

So, I decided on a compromise — a plugin.

Features of the tabbed widget plugin

This widget is a bit more advanced than the one you’ve seen before in my themes, but the basic concept and usage is the same.

  • Custom stylesheets for Hybrid and each of its child themes.
  • Ability to have up to 10 tabbed widgets on a page.
  • Can have up to 6 tabs per widget (if it fits within your design/layout).
  • Bookmarks/Links are separated by link category, so you can create custom lists from your WordPress dashboard.
  • Filters so that more advanced users can override the default functionality.

Get the Hybrid Tabs plugin

This is a release for exclusive members only.

It’s still in its beta stage, so I hope some of you can help me find any potential bugs. Most of the testing has been in Firefox, so we’ll need to check out those other browsers as well.

You can currently view a demo of the tabs on the Leviathan theme demo.


  1. Great to know you released a plugin for tabs in hybrid.

    It will make the ones happy who asks for it till now and this will reduce a small amount of support questions as well.

    Exclusive members will also be happy now to hear this as they get what they deserve to get

    Is there anything is available for the Registered Non-Exclusive Members (Other than the rating ideas) ? (Just kidding)

  2. Arun — I’m sure it’ll make quite a few people happy since they’ve been asking for it.

    Also, don’t forget that registered non-exclusive members can post/download user-created child themes, post on the job board, add their site to the showcase forum, and currently download 12 themes.

  3. Great news Justin. It just keeps on getting better and better in here.
    By far the best $25 I spent in the past year.

    Thank you!

  4. suchtreasures

    Thanks, Justin!

  5. niessuh

    Do you have any plan to release this for free members?

  6. PegasusTeam — Thanks. I’m hoping I can release a few more Hybrid-centric plugins down the line to add more value to the membership.

    suchtreasures — You’re welcome! 😉

    niessuh — No, I don’t have plans to release this for free members. These kind of plugins that extend the themes create more incentive to join the club.

  7. livelife

    Love tabs. Fantastic. Thanks so much.

  8. thinkjayant

    Wow, this is something i was waiting for. Tabs help present more content in a lot less space.

    Thanks Justin

  9. Hi Justin:

    After spending more time on your site. You’ve got something here. I’m joining your member club.


  10. Hi Justin,

    Just one question before joining your club. Are there any premium themes coming out in the near future for club members or is it just for Hybrid?


  11. Kristian — I really hate that word — “premium” — because it doesn’t imply what it should imply when talking about WordPress themes.

    Are there any themes coming out only for paying club members? No.

    When I first started brainstorming this site last year, one of the main things I wanted to do was allow people to download themes for free.

    Also, most of the themes released will be child themes for Hybrid.

  12. andrei gheorghiu

    The hybrid-tabs widget seems limited to 9 tabs. The 10th somehow looses functionality. I’m pretty sure it has to do with the JavaScript, as the divs and their content are there, in the page.
    For some reason, a.t10 acts as a control for the tab-content t1 div instead of tab-content t10, as it’s supposed to.
    I guess it has to do with the extra character in it’s name, but that doesn’t help me much.
    Before posting this I’ve switched content between tabs, re-installed H-tabs just to make sure it’s not my alterations to blame.

    Of course, for adding classes 7 to 10 I had to go through tabs.widget.php and add them manually, but that’s all I did.
    The .js didn’t look like it needed alteration as it already had support for classes 7 to 10.

    Since I consider it a bug, I thought I should let you know.
    Btw, is there a working example with 10 or more tabs? And if there is, does it have the same .js or is it altered?


  13. Hi Justin,

    I found something that perhaps can be considered a bug. On the script, i see

    $j('div.widget-tabs div.tab-content').hide();

    I see that it will hide a div with a class ‘tab-content’ inside div ‘widget-tabs’, but on Hybrid_Tabs_Widget, I can’t find anything output . It may works well on hybrid, but it maybe doesn’t work on other theme. I don’t know what could have been wrong, but I finally able to make it work by tweaking inside the class, added this

    1. The plugin works as intended. Use it with non-Hybrid themes at your own risk.

      1. eddiekudzayi In reply to Justin Tadlock

        bit of a sore reply?

      2. In reply to Justin Tadlock

        And a bit of a truthful reply.

  14. Hello, searching for a plugin like this. Is it online? Where can i find it?

  15. This needs much more granular control. In the regular tabbed widget plugin, I can include a text widget, or a list of links by category. I can’t do that here, so it’s of little use to me. Are you planning to extend this? If not, I cannot get the Tabbed Widgets plugin to work with this framework.

Comments are closed.