WordPress Widgets & Sidebars: Everything You Need to Know
Possibly WordPress’s strongest selling point is how customizable it is, even for beginners. Of course, you still have to understand the platform’s fundamental features if you want to get the most out of your site. Learning how sidebars and Widgets function is an excellent first step.
WordPress Widgets are handy little modules that enable you to add specific functionality to sidebars and footers of Classic themes. Even better, you don’t need to know any coding to use them. Thanks to Widgets, you can use your sidebars to display images, recent posts, a search bar, and much more.
An Introduction to WordPress Widgets and Sidebars
There are a few ways that WordPress helps you customize the look and functionality of your website, even if you’re not a designer. For example, themes enable you to make large-scale changes to your site’s appearance. However, what if you want to add specific features to your web pages instead?
Enter Widgets — simple but flexible options that are included in WordPress by default. Widgets are small, pre-built modules that add new functionality to your site. Using a widget, you can include features such as a search bar, a list of recent posts, a custom menu, and much more. Plus, the method of actually placing a widget on your site couldn’t be easier.
As for where they go, there are one or more designated ‘widget areas’ on your site. These can often vary depending on your theme. However, in general, they’re in your site’s sidebar(s) and footer. Therefore, Widgets can build out your sidebars and similar elements, so you can customize what they contain.
How to Add Widgets to Your WordPress Site
It’s always easiest to understand how a feature works by seeing it in action. So, let’s walk through exactly how to use Widgets within WordPress.
There are two ways to add Widgets to your site. You’ll want to head to your dashboard and then navigate to either Appearance > Customize or Appearance > Widgets. Keep in mind that the Site Editor doesn’t use Widgets, so you can’t perform either of these methods with a block theme.
Since the WordPress Customizer enables you to see changes to your site as you make them, we’ll use the first method. Once you’re in the Customize screen, click on the Widgets tab:
Here, you’ll see a list of the widget areas on your site. Again, what these areas are (and where they’re located on your pages) will vary based on the theme you’re using. In our example, we’re using WordPress’ Twenty Seventeen theme, which has one sidebar on the right side of the page and two separate footers.
Click on the widget area you’d like to customize. You’ll probably see a few Widgets listed there already. For example, Twenty Seventeen has two Text Widgets and a Search widget in the sidebar by default:
Select the Add a Widget button, and you’ll see a list of all the options you can place in your widget area. Let’s say you wanted to include a list of categories in your sidebar. You would simply click on the Categories widget, and it will appear in the list on the left:
To customize the widget itself, click on the small arrow in the right corner. Each widget has unique options. For example, the Categories widget enables you to set a title and choose from a few settings.
If you want to remove a widget, you can click on Delete at the bottom of its window. To reorder the Widgets, select one and drag it up or down:
On the right-hand side of the page, you can see your live changes take effect. For example, dragging the Categories widget into your sidebar makes it immediately appear on the page.
You can do this with all of your site’s widget areas, tweaking them until you’re happy. When you’re done, don’t forget to hit the Publish button to save your changes!
Get Content Delivered Straight to Your Inbox
Subscribe to our blog and receive great content just like this delivered straight to your inbox.
Exploring WordPress’s Default Widget Options
Once you’ve added Widgets to your WordPress site and browsed the list of default options, you may be wondering what all these modules actually do. We won’t go over every single widget here, but let’s touch on a few of the most useful ones.
First, the Text widget is the most flexible of the bunch. If you open it, you’ll see an abbreviated version of the Classic editor:
Using this widget, you can add text, links, and various types of media to your sidebars and footers. You can even use the Text tab to include code — which means you can add nearly any feature to your widget areas.
Next up, the Search widget is potentially the most straightforward option. This can add a search bar to your website:
Since users may want to search your content to find specific information, this can be an essential widget. If your website has a catalog or archive, you may want to add this feature.
For a blog or a news site, the Recent Posts widget can be a smart inclusion:
This will display a short list of your recent posts in the widget area, enticing visitors to read your latest (and hopefully greatest) content. You have the option of setting a custom title, the number of posts shown, and each post’s date.
Finally, you may also want to check out the Navigation Menu widget:
Most themes have one or more menus built into their design. However, you can use Widgets to place additional menus within your sidebars and footers.
WordPress offers more Widgets than we can cover here, and it’s worth familiarizing yourself with all of them. Most are very self-explanatory, but if you have any trouble, you can check out the WordPress Codex for more details.
4 Plugins to Help Supercharge Your WordPress Widgets
While WordPress’ default Widgets are powerful, some users might want more options. Additionally, you may benefit from having more control over your sidebars, footers, and other widget areas. These four plugins offer you extra choices and flexibility when it comes to your Widgets and sidebars.
1. Recent Posts Widget With Thumbnails
As we discussed above, WordPress already has a Recent Posts Widget. However, it will simply display links to your latest posts. Adding an image to each post is a great way to draw more attention to this element and help your sidebars look more attractive. Recent Posts Widget With Thumbnails is a simple but effective free plugin that enables you to achieve this.
2. Top Posts & Pages Widget by Jetpack
What if, instead of showing off your most recent posts, you want to direct visitors towards your best content? Jetpack’s Top Posts & Pages Widget enables you to showcase the posts that are already doing well. You can either display your most liked posts or the content that has received the most traffic over the past two days.
3. SiteOrigin Widgets Bundle
The previous two plugins include only a single widget, which is great if you only need one specific feature. SiteOrigin Widgets Bundle, on the other hand, adds dozens of new Widgets to your site. Using this plugin, you’ll be able to place various elements in your sidebars and footers, including buttons, maps, post carousels, social media links, and more.
4. Custom Sidebars
In general, adding a widget to your sidebar means it will show up in the same place on every page and post. However, it’s common to want to display different features and information on various parts of your site. Custom Sidebars lets you change up which Widgets appear on different pages, along with providing a host of other customization options.
Add WordPress Widgets to Your Sidebars
When designing your site, it’s important not to forget about your sidebars and footers. Optimizing these areas is key to building effective and user-friendly pages. Fortunately, WordPress Widgets dramatically simplify the process of adding useful features to your site.
Do More with DreamPress
DreamPress Plus and Pro users get access to Jetpack Professional (and 200+ premium themes) at no added cost!