Below is directions for creating a 3 column footer area for a Genesis Child Theme using the Simple Hooks Plugin.

First: Register Sidebars in functions.php:

<p>genesis_register_sidebar(array(</p>

<p>‘name’=>’Home Bottom #4′,</p>

<p>‘description’ => ‘This is the first column of the bottom section of the homepage.’,</p>

<p>‘before_widget’ => ‘<div id=”%1$s” class=”widget %2$s”>’, ‘after_widget’  => ‘</div>’,</p>

<p>‘before_title’=>’<h4 class=”widgettitle”>’,'after_title’=>’</h4>’</p>

<p>));</p>

<p>genesis_register_sidebar(array(</p>

<p>‘name’=>’Home Bottom #5′,</p>

<p>‘description’ => ‘This is the second column of the bottom section of the homepage.’,</p>

<p>‘before_widget’ => ‘<div id=”%1$s” class=”widget %2$s”>’, ‘after_widget’  => ‘</div>’,</p>

<p>‘before_title’=>’<h4 class=”widgettitle”>’,'after_title’=>’</h4>’</p>

<p>));</p>

<p>genesis_register_sidebar(array(</p>

<p>‘name’=>’Home Bottom #6′,</p>

<p>‘description’ => ‘This is the third column of the bottom section of the homepage.’,</p>

<p>‘before_widget’ => ‘<div id=”%1$s” class=”widget %2$s”>’, ‘after_widget’  => ‘</div>’,</p>

<p>‘before_title’=>’<h4 class=”widgettitle”>’,'after_title’=>’</h4>’</p>

2nd, add following code to stylesheet:

#footer_widgeted {

width: 950px;

margin: 0;

padding: 0;

height: 100px;

}

#footer_widgeted_left {

width: 300px;

float: left;

padding-right: 30px;

}

#footer_widgeted_center {

width: 300px;

margin: 0;

padding: 0 0px 0 0;

float: left;

}

#footer_widgeted_right {

width: 300px;

margin: 0;

padding: 0 0px 0 0;

float: right;

position: relative;

}

3rd Add following code in simple hooks plugin,

<div id=”footer_widgeted”>

<div id=”footer_widgeted_left”>

<?php if (!dynamic_sidebar(‘Home Bottom #4′)) : ?>

<?php endif; ?>

</div>

<div id=”footer_widgeted_center”>

<?php if (!dynamic_sidebar(‘Home Bottom #5′)) : ?>

<?php endif; ?>

</div>

<div id=”footer_widgeted_right”>

<?php if (!dynamic_sidebar(‘Home Bottom #6′)) : ?>

<?php endif; ?>

</div>

</div>

Leave a Reply