Play Video

How to use Widgets in WordPress

Today we will be working with WordPress Widgets. We will define widgets, give examples of how they are used, show you where they are within the WordPress Administrator, and how to add them to a WordPress theme.

Definition of a WordPress Widget

A WordPress Widget allows you to add content and features to any designated to place within a theme. Themes are not required to have these “widgetized” spaces, so locations for widgets will vary from theme to theme. A common location for widgets is the side bar.

Per the WordPress Codex (https://codex.wordpress.org/WordPress_Widgets)

“WordPress Widgets add content and features to your sidebars. Examples are the default widgets that come with WordPress; for Categories, Tag cloud, Search, etc. Plugins will often add their own widgets.

Widgets were originally designed to provide a simple and easy-to-use way of giving design and structure control of the WordPress Theme to the user, which is now available on properly “widgetized” WordPress Themes to include the header, footer, and elsewhere in the WordPress design and structure. Widgets require no code experience or expertise. They can be added, removed, and rearranged on the Theme Customizer or Appearance -Widgets in the WordPress Administration Screens.”

How are Widgets Used?

Widgets can be used for a variety of reasons, but primarily to provide functionality

Here are some Widget examples as per the default twenty-fifteen theme:

Search
Calendar
Recent Posts
Recent Comments
Tag Cloud
Archives

As you can see, there are many functions that widgets can provide to each WordPress installation.

Widgets in the WordPress Admin

In order to get to Widgets:

Log into the WordPress Admin
Click on Appearance
Click on Widgets

To add a Widget:

In the left-hand side where the widgets are listed under Available Widgets, click on the desired widget and drag it to the right-hand side labeled Widget Area

To a label or configure a Widget:

In the Widget Area, click on the widget you wish to name or configure. Click on the drop-down arrow to the right of the widget.

Click in the Title area to name the Widget.
If there are options to configure a widget, they will be under the title. Configure the widget as needed.

To Remove a Widget

Click on the drop-down widget in the Widget Area
Scroll down to the bottom of the widget, then click on Delete. This will place the widget in the Available widgets on the left-hand side. If you did this by accident, simply drag it back to the right-hand side again.

Widgets can also be Managed in the Customizer

Click on the button labeled Manage in Customizer (next to the Widgets title at the top of the screen). This will open the Customizer screen.

The advantage of using the Customizer is you will be able to immediately see how the customizer will appear in the Theme.

To add a theme, click on Add a widget.
You will see a list of Widgets appear to the right of the Customizer column
Select the widget that you want to use
You will be able give your newly added widget a title or configure it
You can also click on re-order in order to change the position of the widget by dragging or click on the up and down arrows
When you have finished configuring, modifying or removing widgets, click on Save and Publish to save your changes.

Read our full guide What are Plugins and Widgets?
▶︎ https://www.inmotionhosting.com/support/edu/wordpress/plugins/what-are-plugins-and-widgets/

InMotion Hosting was founded in 2001 and provides personal and business web hosting for everyone! For more information about InMotion Hosting and the services we provide see here:
▶︎ http://www.inmotionhosting.com

hello my name is Aaron El Castillo and welcome to another inmotion hosting wordpress video tutorial today we will be talking about wordpress widgets we will define widgets give examples of how they are used show you where they are within the WordPress administrator and how to add them in a wordpress theme definition of a wordpress widget a wordpress widget allows you to add content and features to any designated place within a theme themes are
not required to have these witcha tised spaces so locations for widgets will vary from theme to theme a common location of our widgets is the sidebar for the wordpress codex wordpress widgets add content and features to your sidebars examples are the default widgets that come with wordpress for categories tag cloud search etc plugins will often add their own widgets widgets were originally designed to provide a simple and easy-to-use way of
giving design and structure control of the WordPress theme to the user which is now available on properly digitized WordPress themes to include the header footer and elsewhere in the WordPress design and structure widgets require no code experience or expertise they can be added removed and rearranged in the theme customizer or within the WordPress administrator screen under appearance and widgets how are we just used widgets can be used for a
variety of reasons but primarily to provide functionality here are some widget examples as per the default 2015 theme you have searched calendar recent posts recent comments tag cloud in archives as you can see there are many functions that widgets can provide to each WordPress installation in order to get to the widgets section in the WordPress administrator login to your WordPress admin click on appearance and then click on widgets to add a
widget when you arrive within the widget section of the WordPress administrator you’ll see that on the left-hand side widgets are listed under the available widgets click on the desired widget and drag it to the right hand side labeled widget area to label or configure a widget click on the widget you wish to name or configure click on the drop-down arrow to the right of the widget here you can click on the title to name the widget and if there
are options you’ll see them under the title and you can configure those as needed to remove a widget click on the drop-down arrow on the widget that’s in the widget area to the right scroll down to the bottom of the widget then click on delete if you did this by accident simply drag it back to the right-hand side again widgets can also be managed in the customizer click on the button labeled managed in customizer which is next to the widgets
title at the top of the screen this will open the customizer screen the advantage of using the customizer is that you will be able to see immediately how the widget appears in the theme select the widget that you want to use and then you will be able to give your newly added widget a title or configure it you can also click on reorder in order to change the position of the widget by dragging or clicking on the up and down arrows when you have
finished configuring modifying or removing your widgets click on save and publish in order to save your changes thanks for watching this inmotion hosting wordpress video tutorial if you liked the video please give us a thumbs up below and subscribe to our channel also please leave us a comment on what you would like to see in future videos thanks again for watching and have a great day you know the inmotion hosting support center has thousands of
articles pictures and video tutorials to help you out with your web hosting questions something for everyone from beginners to experts join our community and sign up with your facebook or google+ for free swag prizes and discounts visit our support center at inmotion hosting com / support