WordPress offers plenty of ways to customize your site, and few of them are as easy to implement as plain old widgets. These simple elements enable you to set up complex features in just a few clicks, so it makes sense that you should learn to use them to their full extent.
While WordPress does offer plenty of widget options out of the box, thereโs always room for improvement โ in this case, using a plugin or two. In this piece, weโll learn what widgets are and how to use them properly. Then, weโll introduce you to two plugins you can use to gain more control over your options, before finally showing you how to set one of them up. Letโs jump in!
What Widgets Are (And Why You Need More Control Over Them)
For the uninitiated, widgets are self-contained elements of your WordPress website that perform specific functions. Out of the box, WordPress includes widgets for features such as a search bar and archives of your posts. You can choose to place widgets in a variety of locations, such as your sidebar and multiple footer areas.
Furthermore, a lot of themes โย such as Extraย โ come with custom widgets of their own that enable you to addย even more functionality to your site.
Widgets can come in pretty handy, but they donโt normally offer many customization options of their own. Dedicated plugins can helpย bridge the gap by providing you features such as:
- Better placement options. By default, WordPress users are very limited withย where they can place their widgets, but this can be easily fixed.
- More customization. Most widgets canโt be easily customized, which could cause potential clashes with your theme. Adding more options can solve this issue.
Since a lot ofย WordPress websites use widgets, having more control over them can come in handy. Letโs check out a couple of tools that can help you achieve this.
2 Awesomeย Plugins for Controlling Your Widgets
There are plenty of plugins that enable you to gain further control over your WordPress widget options. However, few are as comprehensive โ and well reviewed โ asย the two featured below. Letโs check out what they can do for you.
1. Widget Options
This pluginย does exactly what it says on the tin โ it offersย more widget options for WordPress. For example, it enables you to use custom alignment options, set up visibility rules for different devices, and preview your changes before they go live.
The best part is, it doesnโt revamp how you interact with your WordPress widgets. You can still choose which ones to use from your Appearance tab and configure them there โ it only adds more options for you to choose from.
Key Features:
- Add new configuration options to your WordPress widgets.
- Choose which pages willย display each widget.
- Specify โper deviceโ widgets (depending on the userโs screen size).
- Customize the alignment of your widgets.
- Create custom IDs and classes for customization purposes.
- Preview your changes before they go live.
Price: Free (with premium options available) | More Information
2. Widget Logic
Whereas our previous pick is more of a one-stop solution for all things related to WordPress widgets, this one is far simpler. In short, itย enables you to decide on which pages each widget will appear using WordPressโ Conditional Tags feature.
If youโre just looking for an easy way to add widgets to specific pages, this is the right choice for you. However, if youโre interested in more in-depth customization settings, we recommend sticking with Widget Options.
Key Features:
- Choose which pages each widget will appear on.
- Use either Conditional Tags or PHP to insert your widgets.
- Customize the style of your widgets to match that of your theme.
Price: Free | More Information
How to Gain More Control Over Your Widgets With Widget Options (In 2 Steps)
For this walkthrough, weโre opting for theย Widget Options plugin, since it offers the most comprehensive set of features and alsoย plays nicely with Divi.ย Once youโve installed and activated the plugin,ย youโll want to set it up โ letโs take a look at how to do that.
Step #1: Configure the Visibility of Your Widgets
One of Widget Optionsโ main features is the ability to display widgets only on specific pages. To do this, head to Appearances > Widgets on your WordPress dashboard and pick aย widget. Drag it to your desired location, and expandย it to take a look at its settings. Youโll notice four new tabs appearing at the top of the settings:
The first tab (represented by an โeyeโ icon) contains your new visibility settings. Here, you can configure your widget to appear only on the pages you select from the list underneath:
You can also use post types and taxonomies as your โtriggersโ for displaying specific widgets. Once youโre happy with your choice, hit the Save button and youโre ready to go.
Remember, each widget comes with its own visibility settings, so youโll have to repeat this process for every one you wish to include.
Step #2: Set Up Device-Specific Restrictions
Developing a WordPress website for mobile devicesย should always be a key concern. Usually, this means slightly modifying your layout and menus to make sure everything is usable, but sometimes it can mean disabling an element or two.
Widget Options enables you to do this for any WordPress widget you want. Return to the settings menu for the widget you want to disable, butย this time, head into the Devices tab (i.e. the one with the smartphone icon):
This section is relatively straightforward since it doesnโt include any complicated resolution settings. Simplyย pick which devices you want your widget to appear on fromย the available options.
Step #3: Add Custom CSS IDs to Your Widgets
As we mentioned earlier, Widget Options also enables you to create custom IDs and classes for each of your widgets. This enables you to customize them using CSS or JavaScript, depending on what youโre aiming for. Itโs a stellar, conscientious option to have.
To do this, access one of your widgetโs settings section and click on the Class, ID, and Logicย tab (represented by a gear icon):
There are two fields hereย โ one enables you to set up a custom ID for your widget, and the second is for classes. Remember, each widget can only have one ID, but it can be part of multiple classes. Once youโre done, click on Save and youโll be ready to customize your widgets.
Conclusion
Customizing your WordPress website can be time-consuming. However, itโs always a good idea to ensure that every element on your site is as easy to use and accessible as possible. There are few better ways to achieve this than to use widgets, and best of all, this functionality isย built into WordPress.
However, their customization options are usually threadbare. If you want to take your WordPress widgets to the next level, one of the best ways to do so is by setting up the Widget Options plugin and following these steps:
- Configure the visibility of your widgets.
- Set up device-specific restrictions.
- Configure any CSS IDs and classes (if you want to).
Are widgets an important aspect on your site, and if so, how will the Widget Options plugin help you? Subscribe and share your thoughts with us in the comments section below!
Article thumbnail image by Bloomicon / shutterstock.com.
Thank you for this article. I’ve never been a big fan of Widget Logic because of the way it allows the user to inject executable code, but I hadn’t heard of Widget Options before. It looks pretty neat, so will try it out one day.
In case someone needs to show or hide a lot of widgets, I made a plugin called Content Aware Sidebars that lets you create and display widget areas conditionally. E.g. a sidebar for all posts written by a select author.
Youโre welcome! And thanks for the plugin suggestion. ๐
Very nice article and it beats hiding widgets with custom css or adding widget classes in a child theme ๐
Thanks, Bart! Youโre right, using plugins makes the job a lot easier.
Nice pliugin for this function. I also want to recommend module Widget of Jetpack Plugin.
Thanks for your comment! Jetpack is also a good choice. ๐
This is really helpful! I always wanted to hide a after-post widget on mobile devices because it wasn’t compatible. I wanted to hire someone on Upwork to do it and low & behold I saw your email and click on it. I was hoping to see what I needed to know and….. you mentioned Widget Option Plugin. This is truly amazing! With just a few clicks of my mouse, I was able to hide the widget on all mobile devices! Thank you for saving me a few bucks! And also thank the developer of Widget Option Plugin! You guys are truly amazing!
Youโre welcome, Jeremiah! Weโre glad you found that plugin so helpful. ๐
How about Builder Everywhere plugin from Divi Space? Canโt do much better than being able to use Divi Builder functions in a widget!!
Thanks for your comment! Thatโs a good plugin to recommend as well.
How about Builder Everywhere plugin from Divi Space? Can’t do much better than being able to use Division Builder functions in a widget!!