Add Widget and Ads Twenty Ten WordPress Theme

I sat down today to add a widget container and ads to my WordPress blog with the latest popular Twenty Ten theme. This would also likely apply to all other themes as well where there is no Top Widget Container. To view this in action, just take a gander above the name of my blog and know, that this is exactly how I did it.

To add a Widget Container, Browse to http://your-wordpress-blog.com/wp-admin -> Appearance -> Editor

On the right hand side of this page, you will see a link to all of the different pages you can edit directly.  Select the “functions page”, and continue to the next step.

In here, around line 355 (YMMV), you will see text like:

function twentyten_widgets_init() {

Now add this text behind this line (You may want to change the naming strategy, but be wary when doing this as you will have to change the respective names later in this series of articles).

  // Header Widget :)  Whee
  register_sidebar( array(
   'name' => __( 'Header Top Widget', 'twentyten' ),
   'id' => 'header-top-widget',
   'description' => __( 'This widget is displayed above all other content on every page', 'twentyten' ),
   'before_widget' => '<div id="header-top-widget">',
   'after_widget' => '</div>',
   'before_title' => '<h3 class="widget-title">',
   'after_title' => '</h3>',
  ) );

Now, browse to Admin -> Widgets and notice that you now have a new widget that you can configure and add whatever you want to it here.  I’m using this as just a display for ads and another little cushion image I added, so I won’t go too much into styling this widget container.

In the next article we will look at displaying this container on every page of your blog, as I do here (browse around and see it in action).

Displaying our New Widget Container on WordPress

Tags: , , ,

About the Author: JeffAncel
http://jeffancel.com
A passionate web developer in St. Louis. Living on the edge with Rails, HTML5, CSS3 and any interesting libraries around. I love to spend time with the family, cook, develop web applications and play with our dragons. When I have nothing else to do, I socialize via twitter (@jancel) and facebook.

7 Responses to Add Widget and Ads Twenty Ten WordPress Theme

Leave a reply

© 2012 - Jeff Ancel
Wordpress Themes
Scroll to Top