Knowledgebase: WordPress
Manage Your Widgets in WordPress
Posted by H9 Admin on 03 February 2015 05:09 PM

What are widgets?

WordPress Widgets add content and features to your sidebars on your WordPress website. Some default widgets come with WordPress, like the ones for post categories, tag clouds, navigation, 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.

Example of widgets

Widgets require no code experience or expertise! They can be added, removed, and rearranged on the WordPress Administration Widgets panel (click Appearance, then Widgets). The order and placement is set by the WordPress Theme in the functions.php file.

Some WordPress Widgets offer customization and options such as forms to fill out, inclusion/exclusion of data and information, optional images, and other customization features. See how to use the various widgets that come standard in WordPress from WordPress' own documentation set.

Install a Widget

WordPress comes pre-packaged with a variety of widgets. If those are insufficient for your needs you can install new ones by searching the WordPress Plugins Directory. Just click Plugins, from the left-hand side menu, then Add New. Search for a widget that you want or function that you need and install away!

Install plugins

Note: you can also the Featured, Popular, Recommended and Favorite plugins via the links near the top of the page.

Display Your Widgets

Before you can add a Widget you have to check that the theme you're using supports widgets (and widget areas). While widget areas typically occur in sidebars, a theme can place widget areas anywhere on a page. For example, besides the usual sidebar locations, the twentyfourteen theme has a widget area in the footer of every page. To check if your theme can use them:

  1. Click Appearance menu from the left-hand sidebar menu

  2. Look for a sub-menu called Widgets; if you see it then click on it and proceed with the following steps

    Appearance, then Themes

    In the Widgets pane you'll see Available Widgets on the left (ones you can use and already have installed), Inactive Widgets below that (ones you may have used in the past but are currently inactive), and your current Sidebars, Footers and other widget areas on the right side of the page. 

  3. Pick a Widget from the Available Widgets area on the left

    Widgets pane

  4. E​ither drag it to the widget area (typically a footer or sidebar) where you wish it to appear (if your theme has that functionality)
    Click the Add button adjacent to the widget in question, select a destination sidebar if your theme has more than one and click the Save Widget button

    Add a widget to your widget area

    Note: there might be more than one sidebar option, so begin with the first one. Once in place, WordPress automatically updates the theme.

    Set position and widget area
  5. Preview your site by hovering over your site name in the top left-hand corner of the page and clicking Visit Site

    Visit your site

    If this is your first time configuring your widgets, you should find that the default sidebar elements are now gone and only the new addition that you made is visible.

  6. To customize each widget's features, and their position within your widget area, click the Edit link next to each widget's title and edit per your preferences

  7. Click the Save Widget button at the bottom to save your changes

  8. To remove the Widget, click the Remove or Delete button

    Delete a widget

If you change WordPress themes, the widgets will return to the left side of the page in the Available Widgets list in the Widgets pane. You may have to re-add them to your widget areas, depending on your theme's ability to preserve other theme's widgets.

Use a Text Widget

The Text Widget is one of the most commonly used WordPress Widgets that comes with every WordPress installation. It allows users to add text, video, images, custom lists, and more to their WordPress sites.

  1. Click Appearance menu from the left-hand sidebar menu

  2. ​Click Widgets

  3. E​ither drag the text widget to the widget area (typically a footer or sidebar) where you wish it to appear (if your theme has that functionality)
    Click the Add button adjacent to the widget in question, select a destination sidebar if your theme has more than one and click the Save Widget button

    Your widget should now show up in your widget area of choice.

  4. Click the Edit link, adjacent to your new text widget title; this will open the customization pane for that widget

  5. Type a title for your text widget in the Title text field
    Note: this title WILL show up above your widget in your sidebar or other area if you configure it here.

  6. Add the text or HTML code to the box below, or edit what is currently there

  7. Tick the Automatically Add Paragraphs box to wrap each block of text in an HTML paragraph tag (recommended for text)

    Edit your widget

  8. When you're done making changes click the Save Widget button

Basic HTML, XHTML, multimedia links and players, embeds, and JavaScript are easy to add to the WordPress Text Widget. Most embed codes from social sharing sites for multimedia will work in a WordPress Text Widget too, but active code and programming languages such as PHP will not work, as the widget will strip out code it cannot display.

Preview your site, as outlined in step 5 in the previous set of instructions above, to see your changes. Go back and edit, if needed and rinse/repeat.


See also Install a WordPress ThemeCreate a User in WordPressInstall/Uninstall WordPress Plugins

 widget_example.png (200.36 KB)
 edit_widget.png (46.14 KB)
 delete_widget.png (20.98 KB)
 visit_site.png (12.40 KB)
 widget_position.png (57.60 KB)
 add_widget.png (30.67 KB)
 widgets_pane.png (91.05 KB)
 appearance_widgets.png (9.76 KB)
 plugins.png (136.80 KB)
(2 vote(s))
This article was helpful
This article was not helpful

Comments (0)
Post a new comment
Full Name:
Help Desk Software by Kayako fusion