Add Features to a WordPress Blog with Widgets

Make Your Blog Come to Life

WordPress Widget Gallery

When you set up your WordPress blog, you select a Theme to control the look and feel of the site. WordPress themes create a sidebar (or two) on the right and/or left side of your screen. You can add further styling, information, and functionality to your site using Widgets.
WordPress Widgets are designed to provide a simple way to arrange the various elements of your sidebar content without having to change any code. The Widgets Panel explains how to use the various Widgets that come delivered with WordPress, and the Widgets page at Automattic explains how to ‘widgetize’ themes and plugins.

Adding Widgets to Your Site

You can add, remove, or modify Widgets from the Site Administration page (Dashboard).
Log In to your WordPress site.
Click on the Widgets link under the Appearance heading along the right side of the page.
This will open the Widgets Panel.

WordPress Widgets Panel
You will see all of the standard Widgets in the center of the page.
Your site’s Sidebar(s), and Footer will be represented on with containers on the right side of the screen.

Determine the Widget(s) that you want to add to the Sidebar.
Drag the Widgets (one at a time) to the Sidebar container and drop them.

Drag Widgets to the Sidebar Container
You can drag Widgets above or below other Widgets in the Sidebar container to rearrange their order.

  1. Determine the Widget(s) that you want to add to the Footer and repeat the previous process.
  2. Go to your site and refresh the page to see what the new Widgets look like.
  3. Widgets Dispalyed on Your Site

    Removing Widgets from the Sidebar and Footer

    You can remove Widgets just as easily as you added them. If you want to remove them and any settings that you configured, drag and drop them in the Available Widgets container in the middle of the page. If you want to remove them, but save the configured settings (for future use) drag and drop them in the Inactive Widgets container immediately below the Available Widgets container.
    Adding Custom Widgets to Your Blog
    While there are several Widgets that come configured with your WordPress installation, they are hardly "all encompassing". You can add custom Widgets to your blog in two ways:
    Paste HTML code into the Text Widget
    Install Plugins that are specifically meant to work as Widgets (covered in next article)

    Using the Custom Text Widget

    The Text Widget allows you to display any HTML code (including Flash and Javascript) in your site’s sidebar.
    Click and drag the Text Widget to the Sidebar container.
    The Text Widget will open up allowing you to type in a Title and paste in HTML code.
    Paste in the HTML code that you wrote from scratch or obtained elsewhere.
    Click the Save button.

  4. Custom Text Widget 

    View the Entire Process in a Video Tutorial

    [display_podcast]

    There are a lot of interesting things that you can do with the Text Widget. Some things that I have see include:

    • YouTube Videos
    • Flickr Slideshows
    • Advertisements
    • Twitter Feeds
    • RSS News Feeds

    Widgets are a great and simple way to add extra content and functionality to your site. If you have any other good ideas on using WordPress Widgets, let me know in the Comments below.

    See the Rest of This Series

    This is the 4th article in a 7 part series of tutorials on Creating a WordPress Blog. View the rest of the series:

    1. How To Set Up a WordPress Blog
    2. Configure the Settings on a WordPress Blog
    3. Writing a Blog Aritcle Using the WordPress Web Interface
    4. Controlling the Look of a WordPress Blog Using Themes
    5. Adding Extra Features to a WordPress Blog with Widgets
    6. Extending WordPress Functionality with Plugins
    7. Publishing WordPress Articles Using Third Party Applications

    Subscribe to the RSS feed to receive free updates.

    Subscribe to VitaminCM.com for Free

    Get free updates from VitaminCM.com

    RSS IconSubscribe via RSS Reader

    VitaminCM.com Email Feed

    Enter your Email Address to Subscribe via Email


    RSS IconSubscribe to Comments

    Get the VitaminCM.com Podcast

    VitaminCM.com Podcast icon Subscribe via iTunes

    VitaminCM on YouTube Subscribe via YouTube

    Connect with Me on the Web

    VitaminCM on Twitter Follow me on Twitter

    VitaminCM on YouTube Friend me on YouTube

    VitaminCM on Stumble Upon Friend me on StumbleUpon

    VitaminCM on Facebook Friend me on Facebook

    VitaminCM on Digg Friend me on Digg.com

    VitaminCM on Delicious Share bookmarks on Delicious

    VitaminCM on Last.fm Share music with me on Last.FM

    VitaminCM on Flickr Share pictures on Flickr

4 responses on “Add Features to a WordPress Blog with Widgets

  1. Pingback: You are now listed on FAQPAL

Leave a Reply

Your email address will not be published. Required fields are marked *