Web Hosting

How to Install Widgets

Important:

Which version of WordPress do you want to install a widget in?

WordPress before 2.8: click here
WordPress 2.8 or later: click here

Installing widgets in WordPress versions before 2.8:

When you set up a new WordPress blog you have the option to add some widgets to your sidebars.

What are widgets?

Widgets are pre-programmed modules, which come as part of WordPress, that you can add to the sidebars of your blog to display useful or relevant bits of information.

Importantly: widgets are different from plugins.

Widgets come pre-installed in WordPress and you add them to your sidebars. Plugins are not pre-installed – you need to add them.

There’s an article on installing plugins here.

How to activate widgets

You can access the available widgets through the Appearance>Widgets screen:


Most of the widgets are pre-programmed and display things like your archives, your blogroll, your posting calendar, your tag cloud and so on.

There are lots of these available.  Some plugins also make use of widgets and will add extra ones into this screen.

One of the most useful, though, is the Text widget.

You can think of this as a blank HTML page (except that it fits in your sidebar).

By that I mean that you can insert anything in a text widget that’s based on HTML – i.e. forms, scripts or your own HTML creations.

Note that while you can add anything you like to text widgets on WordPress.org, WordPress.com does not allow you to add scripts or forms for security reasons.

I’ve used the text widget to add images, links to products I’m promoting, badges for my social sites, RSS sign up gadgets and so on.

If your theme has sidebars you should add some widgets to round out the appearance.  At first just add one or two of the standard ones – for example your archives, maybe the calendar and maybe the Links (your blogroll).

As you develop your site you can add others or come up with creations using the text widget.

Adding widgets is very straightforward:

Step 1: Go to the appearance>widgets screen.  Select the sidebar you want to add the widget to with the drop down menu at the top right (1 below).

Step 2: Click the ‘add’ link next to the widget you want to add (2 below).


Once a widget’s been installed it appears as a blue box on the right (3 above)

Step 3: Click the ‘edit’ link in the bottom right corner of the blue widget box (4 above) to alter settings or, in the case of the text widget, to add your code.

You can move the position of the widget up or down by simply clicking, holding and sliding it.

If you want move a widget from one sidebar to the other you’ll need to follow a 2-step process: remove it from one sidebar then add it back to the other.

Click the ‘edit’ link of the widget you want to move, then click ‘Remove’.

Then you’ll need to select the other sidebar from the drop-down menu at the top and go through the ‘add’ process.

A bit clunky I know – it was actually better in earlier versions of WordPress, go figure!

Note that if you’re moving a text widget you’ll need to copy your code before removing it.

Once you’ve added it to the other sidebar, simply click ‘edit’ and paste your code back again.

Click ‘Done’ in each edit screen when you’ve finished with that widget, and don’t forget to click ‘Save Changes’ when you’ve completed everything.

That’s it – you’re all done.

Web Hosting

Comments on this entry are closed.

  • Dane"blog customization"Channel 2 June, 2009, 2:49 pm

    I’m really new to this stuff. Thanks for the information about widgets.

    • WealthyDragon 2 June, 2009, 3:57 pm

      You’re welcome,

      Cheers,

      Martin

  • Biz"volunteering in India"Mark 2 June, 2009, 3:08 pm

    Thanks for the step by step instructions it sure helped a lot.

  • Derek 16 July, 2009, 11:56 pm

    I was hoping to find out HOW to upload widgets into my website. This only describes how to add widgets that all ready are uploaded.

    • WealthyDragon 17 July, 2009, 7:28 am

      Hi Derek,

      You can’t upload widgets – they are pre-installed or are installed by some plugins that need to display results in your sidebar.

      You can upload plugins – but not widgets.

      Cheers,

      Martin.

  • Greeny 24 December, 2009, 4:23 pm

    I just try validate my WP blog and I see Text widget give validation errors even is empty, even it have inserted a piece of code inside. I use WP v2.8
    W3C Validator verify the same HTML source code which I view in the my browser and indicate me the place of them, but I dont know where is the code which I have to corect.
    What is/are the name of file(s) I must fix?
    All that wrong “li” and “ul” about Validator tell me to fix, are part of Wordpress code not mine.
    Please tell me if version 2.9 contains a new text widget, which permits W3C validation.
    Thank you.

    • Martin 24 December, 2009, 5:08 pm

      Greeny, hi,

      No new text widgets in WP 2.9 I’m afraid,

      Cheers,

      Martin.

  • Ajit 26 May, 2010, 4:10 am

    Thanks for this useful information. It will help lot.
    .-= Ajit’s last blog post: Science Facts About The Human Body =-.

    • Martin 26 May, 2010, 6:52 am

      You’re welcome,

      Cheers,

      Martin.

  • John 10 June, 2010, 12:57 am

    Post is really Helpful …

    Screenshot really helped me a lot ..

    Thanks a ton

    • Martin 10 June, 2010, 7:18 am

      You’re welcome!

      Cheers,

      Martin.