How to Create 4 Column Widgetized Footer in Thesis Theme?

In this tutorial I will explain about 4 column widgetized footer. I already explain about 3 widgetized footer. In thesis theme, you can set your widgets easy. Here, this is widgetized footer for 4 columns. There is no restriction to add number of widgets in any columns. In thesis theme customization, by using widgetized footer you can simply drag and drop your widgets at any time.

Watch this video tutorial below:

Add this code to custom_functions.php

Use FTP path or go to custom file editor and paste this below code.

/*-----------------------------------------*/
/* register sidebars for widgetized footer */
if (function_exists('register_sidebar')) {
$sidebars = array(1, 2, 3, 4);
foreach($sidebars as $number) {
register_sidebar(array(
'name' => 'Footer ' . $number,
'id' => 'footer-' . $number,
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h3>',
'after_title' => '</h3>'
));
}
}

/*-----------------------*/
/* set up footer widgets */
function widgetized_footer1() {
?>
<div id="footer_setup">

<div class="footer_items">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer 1') ) : ?>
<?php endif; ?>
</div>

<div class="footer_items">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer 2') ) : ?>
<?php endif; ?>
</div>

<div class="footer_items">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer 3') ) : ?>
<?php endif; ?>
</div>

<div class="footer_items">

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer 4') ) : ?>

<?php endif; ?>

</div>

</div>

<?php

}

add_action('thesis_hook_footer','widgetized_footer1');

Now go to wordpress admin panel and click Appearance then select widgets.

In the right side you will see Footer 1, 2, 3, and 4.

Add this code into custom.css

/* CUSTOM.CSS */

.custom #footer {
border-top:2em solid #9c9c9c;
background: #eeeeee;
padding:0em;
text-align:center;
}
.custom #footer a{
border-bottom: 1px none #cccccc;
}

/* footer widget area setup */
#footer_setup {
background: #444343;
padding:1.5em;
margin-bottom: 25px;
overflow: hidden;
}

/* widget item setup */
#footer_setup .footer_items {
text-align: left;
width: 24.5%;
padding-right: 0px;
color: #2361A1;
display: inline-block;
float: left;
height: 100%;
}

/* widget item headers */
#footer_setup .footer_items h3 {
font-size: 1.5em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0px;
color: #ffffff;
padding-bottom: 3px;
border-bottom: 3px none #ffdf00;
margin-bottom: 5px;
}

/* do not change these! */
#footer_setup .footer_items ul li { list-style:none;
font-size:1.4em;
line-height:1.5em;
}
#footer_setup .footer_items ul { margin: 1em; padding: 0px; }

Now Go to widgets in admin panel then drag and drop your widgets into left column and click save. For e.g. in Footer 1 you can add 1, 2, or more widgets into first column but it will appear one after the another. The same thing is happened for all Footer.

see the screenshot below:

Share your experience in comment section.

Related Tutorials:

1. Create 3 column widgetized footer in thesis theme
2. How to Create Wigetized Footer in Thesis Theme?
3. Thesis Theme Customization Tutorials for Footer Round-Up
4. Widgetized Thesis Theme-Header, Content box and Footer
5. How to add Categories in Footer of Thesis Theme

Tagged as: 4 column, footer