Blog Post

On Smashing Magazine: Create A Tab Widget

How To Create A Tab Widget In WordPress
How To Create A Tab Widget In WordPress

‘How To Create A Tab Widget In WordPress’ is my new article published on Smashing Magazine for WordPress. Article covers practical side of creating the Tabber widget: widget that can turn a sidebar into a single widget that uses tabbed navigation to save sidebar space.

Article contains detailed explanation on how the sidebar shows widgets, how to change the widget output and layout and how to use JavaScript (jQuery powered) to grab widgets and arrange them as tabs. Most important parts of the code and process are described, and code analyzed to help you understand what the example plugin does to create tabber interface.

You can download the example plugin with widgets in the article. To read the article, visit WP Smashing Magazine:

How To Create A Tab Widget In WordPress
on Smashing Magazine
Please wait...

About the author

Milan Petrovic
Milan Petrovic

CEO and Lead developer of Dev4Press Web Development company, working with WordPress since 2008, first as a freelancer, later founding own development company. Author of more than 250 plugins and more than 20 themes.

1 thought on “On Smashing Magazine: Create A Tab Widget”

  1. Great article and one of best tutorials I have read while still explaining what goes on in the backend. Thanks for sharing with the Smashing community Milan!

    Please wait...

Comments are closed.

Latest From The Blog

plugins release forum toolbox for bbpress 8.0

forumToolbox for bbPress 8.0

We are thrilled to announce the official release of forumToolbox Pro 8.0! This release marks a major evolution, focusing on modernizing core workflows, stripping out legacy technical debt, and introducing new attachments upload interface reimagined from ground up.
plugins release sweeppress pro lite 7

SweepPress 7.0 Pro & Lite

SweepPress, version 7.0 (both Lite and Pro), is a major update that brings one new management tool for managing attachments in media library, new shared library, new Freemius SDK, various improvements and fixes.
announcement pricing changes

Changes to the plugins pricing

Dev4Press plugins switched to use Freemius in January of 2025, and to make things simpler, the new pricing model remained as it was before that. We have now decided to update the pricing model.

0
0
0
0
0
0
0
0
0