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.

Subscribe to Dev4Press Newsletter

Get the latest announcements, release digests, promotions and exclusive discounts, and general Dev4Press-related news straight into your mailbox.


This form collects your email (optionally your name) for the purpose of sending you newsletters. Check out our Privacy Policy for more information on how we store and manage your data. We will not send you any spam. Newsletters are sent 2 to 4 times every month.

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.

Grammarly - Number 1 Writing App
SiteGround - Managed WordPress Hosting