How to Add Footer Widgets to WordPress Twenty Twelve Theme

twelve-show-home

Wordpress theme Twenty Twelve is missing footer widgets. To insert the widgets, you can use the method below:

  1. Create a child theme first. If you’re not familiar with it, you can use this guide as reference: http://codex.wordpress.org/Child_Themes
  2. You need to create a function file under your child theme and then add this to functions.php which will register the footer widgets [codebox 1]
  3. Again, create a footer file in your child there. In the footer.php, you need to add the following code under the line : <footer id="colophon" role="contentinfo">[codebox 2]
  4. Finally, add this to child theme style.css[codebox 3]

This will provide you 3 widgets in the footer area. Enjoy!

Tags: , , , , ,

Author: TheMiracle

Possunt, quia posse videntur.

14 thoughts on “How to Add Footer Widgets to WordPress Twenty Twelve Theme”

  1. hi,i do get footer working but it makes my slideshow disappear ,when I deleted all the codes then slideshow appears again,please tell how causing slideshow to invisible. I m using slideshow plugin.thank you

  2. I could not get this too work. It was not clear exactly what to do with the footer.php file. Do we create a new one or copy over the code from the parent code and add to it. I copied over the original file from the parent and added the new code below

    Getting the following errors

    // Register footer widgets register_sidebar( array( ‘name’ => __( ‘Footer Widget One’, ‘tto’ ), ‘id’ => ‘sidebar-4’, ‘description’ => __( ‘Found at the bottom of every page (except 404s, optional homepage and full width) as the footer. Left Side.’, ‘tto’ ), ‘before_widget’ => ”, ‘after_widget’ => ”, ‘before_title’ => ‘
    ‘, ‘after_title’ => ‘
    ‘, ) ); register_sidebar( array( ‘name’ => __( ‘Footer Widget Two’, ‘tto’ ), ‘id’ => ‘sidebar-5’, ‘description’ => __( ‘Found at the bottom of every page (except 404s, optional homepage and full width) as the footer. Center.’, ‘tto’ ), ‘before_widget’ => ”, ‘after_widget’ => “”, ‘before_title’ => ‘
    ‘, ‘after_title’ => ‘
    ‘, ) ); register_sidebar( array( ‘name’ => __( ‘Footer Widget Three’, ‘tto’ ), ‘id’ => ‘sidebar-6’, ‘description’ => __( ‘Found at the bottom of every page (except 404s, optional homepage and full width) as the footer. Right Side.’, ‘tto’ ), ‘before_widget’ => ”, ‘after_widget’ => “”, ‘before_title’ => ‘
    ‘, ‘after_title’ => ‘
    ‘, ) );

  3. it works
    but all three widgets are displayed like one sidebar-widget (verry close togehterin one widet-area- like all three in the outer right collum ??
    what can i do?

  4. Now how do I thank you for this my friend? Thanks a lot, worked perfectly, and moreover it is responsive. Tried a lot of tutorials but none of them were upto the mark, this footer rocked it for me. Thanks again!

    1. Hi Mark, are you using the Twenty Twelve theme? can you please double check your coding?

Comments are closed.