How to Add Widgets Section in Footer Section in WordPress

Wow! Adding some widgets in the footer section can really make your blogs or site more powerful and effective…

Footer section is another common and focusing section just like Header Section and is attached to every page or post even on the specific full width Pages… So, adding things that are less required but have to be provided to visitors as it is a part of your work and site or blog, we can simply add that kind of custom things in the footer widgets which keeps the blog or site to look clean and tidy…

See: The benefits and purpose of using widgets

Things we need to add some custom footer widgets in WordPress

1. It is recommended to keep a WordPress Theme Backup before making any changes in it. also, if you are using any free themes then you must take care of not updating it, so that any successful changes done according to this method doesn’t replaces with the new theme files updated.

2. You must be aware of making changes what we are going to discuss here and accept our disclaimer policy that you are doing it at your own risk. whereas, we will give you full support if anywhere you gets stuck…

3. You must be aware of additional CCS3 knowledge if you are using a WordPress Theme with a responsive design. Now,

How to Add Custom Footer Widgets in WordPress?

Step 1: Adding Widget(s) function in the WordPress Theme

Starting with the Addition of Widgets Function which requires the Functions.php file to edited either via WordPress Theme Editor or via FTP Manager.

Now, using the below code add the same code as it is multiplied with the number of footer widgets column you need…

Code:

if (function_exists(‘register_sidebar’))

register_sidebar(array(

‘name’ => ‘Footer Widgets 1’,

‘id’ => ‘footer-widgets-1’,

‘description’ => ‘The description for footer widgets (if any).’,

‘before_widget’ => ‘<div id=”%1$s”>’,

‘after_widget’ => ‘</div>’,

‘before_title’ => ‘<h2>’,

‘after_title’ => ‘</h2>’

));

Note:

Every time you adds a widget don’t forget to change the Footer Widgets Number in “name” & “id”

You can also change the “before” and “after” tags as you needs to, accordingly, if you are having some Knowledge of CSS and HTML

Step 2: Placing the Widgets in the Footer Section

Now, just like functions.php you have to make changes in footer.php with the below provided codes…

Code:

<div id=”my-footer-widgets”> <?php if (!function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Custom Widgets’)) :

endif; ?> </div>

Note: You have to change the underlined name in the above code with the name you kept for it and you can also customize your footer widgets with the help of predefined id=”my-footer-widgets” or whatever name you want to keep…

Also Read: Add Widgets Anywhere in WordPress

If you don’t know any HTML or CSS codes then, either you should learn them first or ask us for providing you some common footer widgets ready to implement codes…

@ Read Full Post

Posted by: Himanshu Goyal