How to add three column widgetized footer to thesis theme-Thesis customization

Looking for a  best tutorial on Adding a three column Widgetized Footer to your thesis theme 1.8.Here it is….:-)

How to add Widgetized Footer to thesis theme:

#Edit your custom_functions.php file

#Copy the below code and paste it in your custom_functions.php using a ftp software or thesis custom file editor option just below this line

// Delete this line, including the dashes to the left, and add your hooks in its place.

if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Footer Widgets Left',
'before_widget' => '<li id="%1$s">',
'after_widget' => '</li>',
'before_title' => '<h3>',
'after_title' => '</h3>'
));

if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Footer Widgets Middle',
'before_widget' => '<li id="%1$s">',
'after_widget' => '</li>',
'before_title' => '<h3>',
'after_title' => '</h3>'
));

if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Footer Widgets Right',
'before_widget' => '<li id="%1$s">',
'after_widget' => '</li>',
'before_title' => '<h3>',
'after_title' => '</h3>'
));

function my_widgetized_footer() { ?>
<div id="footer-widget-block">
	<div>
		<ul>
			<?php thesis_default_widget(3); ?>
		</ul>
	</div>

	<div>
		<ul>
			<?php thesis_default_widget(4); ?>
		</ul>
	</div>

	<div>
		<ul>
			<?php thesis_default_widget(5); ?>
		</ul>
	</div>
</div>
			<?php
	}
add_action('thesis_hook_footer','my_widgetized_footer','1');

The Footer Widgets Right,Footer Widgets left and Footer Widgets middle  names in the above code are   for easy customization options.You can change it even to  column 1 ,column 2 and column

#Add this css code to your  custom.css file present in /public_html/wp-content/themes/thesis_18/custom folder

.custom #footer-widget-block { text-align:left; overflow:hidden; }
.custom .footer-widgets { width:33%; float:left; }
.custom .my-footer-one {}
.custom .my-footer-two {}
.custom .my-footer-three {}

#You are all set, now go to Appearence>>widgets option you will see three new areas like this

widgetized footer thesis,Footer widget

 

#Now  place your widgets into the respective widgetized footer columns

#Now your thesis theme  has cool three column  footers . Hope you have enjoyed this tutorial on how to add footer to thesis theme.

This footer only adds horizontal footers.

You can also take a look at how customize your footer using a

Asino style 3 column widgetized footer

For getting more updates on thesis customization subscribe to our rss feed by mail. Have you added the footer to your theme?Do share your tips in comment section..

Meet the Author

Gowtham V

Comments on this entry are closed.