This Intermediate level WordPress tutorial shows how to use a text widget to customize a sidebar in WordPress. The final product of the tutorial can be seen here in the Business Blogging 101 website’s right sidebar. The HTML code used in this example is below.
NOTE: this video tutorial uses version 2.5 of WordPress. The latest version of WordPress is now 2.7.1. The only difference in this case is that in version 2.7.1 Widgets are now located under Appearance > Widgets (using the navigation buttons in the left side of the WordPress Dashboard). Here is a screen shot of the WordPress 2.7 Dashboard highlighting the new Text widget interface. In version 2.5, Widgets are located under Design > Widgets. Everything else is exactly the same. Use the comment form at the bottom of this post to ask a question if you get confused.
Widgets are a useful feature of most new WordPress themes. These themes are called “widget enabled” or “widgetized” themes. They allow you to add custom content to your sidebars with little or no knowledge of HTML or other code.
In an earlier tutorial, I showed how to add Flickr photos to a WordPress sidebar using the Flickr photo widget.
The example I use in this tutorial shows how to create a custom text box with a short biographical note. Part of that text is a link. In PART TWO of this tutorial, I show how to insert an image into the same custom sidebar box, along with a LinkedIn profile “badge”. You can use these Text Widget techniques to put whatever you want into your own WordPress sidebar.
HTML code used in this tutorial example:
<img src=”http://mcbuzz.files.wordpress.com/2008/08/3058dc0.jpg” /><br />
I’m an <a href=”http://mcbuzz.wordpress.com/about/”>online marketing consultant</a>, specializing in Web 2.0 social media marketing, search engine optimization, pay per click advertising and WordPress websites for business.
<a href=”http://www.linkedin.com/in/mcbuzzmarkmclaren”><img src=”http://www.linkedin.com/img/webpromo/btn_viewmy_120x33.gif” border=”0″ alt=”View Mark McLaren’s profile on LinkedIn” width=”120″ height=”33″ /></a>
How to Use a Text Widget to Customize a WordPress Sidebar (Part 1)
How to Use a Text Widget to Customize a WordPress Sidebar (Part 2)