Home » WordPress Tutorials » Customization » How to Use the WordPress Widgets on Your Site

How to Use the WordPress Widgets on Your Site

WordPress offers pre-built sets of widgets especially designed to complement each individual WordPress theme, and custom ones that you can always download, should your preferred theme supports them.

By default, WordPress includes these pre-installed widgets:

In the next sections, you will read how you can incorporate these into your website.


How to Use the WordPress Widgets on Your Site

To incorporate any of these into a page of your site, you should first open the WordPress Widgets page. To do so, from your WordPress Admin Panel hover your mouse over the Appearance page and then click on the Widgets menu:

WordPress Widgets Menu


This will open the WordPress Widgets page. From here you can manage your preferences:

WordPress Widgets CUstomization


In our particular case, we will make some changes to our blog section. First, let’s locate our widgets in the blog section of our site:

WordPress Widgets


Then let’s see how this alignment has been created on the Widgets page:

WordPress Widgets Options


Now, let’s see how to change some of the settings. To do so, simply click on the name of a particular widget and a menu with options will appear:

WordPress Widgets Menu Options


With this menu, you can change the place of the widget, change styles, change names, duplicate and make all other kinds of tweaks. If you are not sure what any of the options means, hover your mouse over any option icon and a text with an explanation will appear.

When you are ready with your setup, don’t forget to click the blue Update button at the top right, so your changes are applied and saved:

WordPress Widgets Update Button


How to Add a Pre-Installed Widget to Your Site

The process is quite straightforward. While in the Widgets page (Dashboard->Appearance->Widgets) click on a given area, and a Plus icon will appear:

WordPress Widgets Add New


WordPress Widgets Choose


From the suggested list search for a widget, you wish to include and simply click it. (if you can’t find what you search for, click on the Browse All button and an extensive menu with options will appear). For this example, we added an Image block:

WordPress Widgets Image


With a bit of tweaking, we included an image we find suitable and applied it to the system:

WordPress Widgets Image Select


We added our new Image Widget to our blog post. Here’s how it turned out to be:

WordPress Widgets Image Apply



Widgets are quite handy and flexible and can fit on any type of website. They are simple to use and yet vast in their functionality.

If you are new to the topic of WordPress widgets, then you should definitely check out:

Was this article useful?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

Newest Articles:

How to fix HTTP Error 410 Gone in WordPress

HTTP Error 410 is a response status code that your WordPress website displays in the event of a requested file that is no longer available on the requested server now and in the future. To be labeled as a 410 error, the response code also must not include a forwarding...

How to Fix HTTP Error 409 Conflict in WordPress

It is highly likely to stumble upon various error messages when creating your WordPress site. One such is HTTP Error 409 Conflict. Although not so popular such as Page not Found or 429 Too Many Requests, it can still pop up when at least expected. This is why it is...

How to Fix Error 408 Request Timeout in WordPress

Error 408 Request Timeout is a client-side error code – it indicates that the request the Internet browser has made to the web server takes too much time and the server terminates the connection. Indeed, this is the reason why WordPress displays 408 Request Timeout....

How to Fix Error 407 Proxy Authentication Required in WordPress

The 407 Proxy Authentication Required is a type of error that WordPress displays when the server is unable to complete a request. This is a specific error, which indicates that there is a lack of authentication when a proxy server is used between the communication of...

How to Fix Error 406 Not Acceptable in WordPress

Although Error 406 Not Acceptable is not as common as Error 404 page not found, there’s still a chance that you can stumble upon it when working on your site. Since this is a 4xx error message, it indicates that something’s wrong with the client side of the...

Ready to Create Your Website?