Add a Genesis Footer Widget Area to include extra content

In a lot of Genesis Child themes, the footer has the copyright and credit text but no widget area to add or edit content, most themes do have up to three footer widgets but your design may require these areas and then another area beneath those to add in additional elements and content.

genesis-footer-area

Here’s how you can remove that existing footer info and recreate a general footer widget area that can show the footer content.

Remove the existing Footer

Open up your child themes’ function.php file and add in

remove_action( 'genesis_footer', 'genesis_do_footer' );

This will remove the existing footer area which holds the credit and copyright info but not the actual site-footer html markup

Create a new Widget Area

//Add in new Widget areas
function genesischild_extra_widgets() {
	genesis_register_sidebar( array(
	'id'          => 'footercontent',
	'name'        => __( 'Footer', 'genesischild' ),
	'description' => __( 'This is the general footer area', 'genesischild' ),
	'before_widget' => '<div class="footercontent">',
        'after_widget' => '</div>',
	));
}

This will be the new Footer area, I am wrapping the widget in HTML mark up with divs, otherwise the default will use section. At this point the widget will be available in the backend.

genesis-footer-area-widget

Position the Footer Widget

Now that its created the footer widget still needs to be positioned.

//Position the Footer Area
function genesischild_footer_widget() {
    genesis_widget_area ('footercontent', array(
        'before' => '<div class="footercontainer">',
        'after' => '</div>',
        ));
}
add_action('genesis_footer','genesischild_footer_widget');

The footer widget is positioned in the footer with the action genesis_footer. I am also wrapping the area in divs otherwise the default uses aside.

genesis-footer-area-widget-content

That’s it, all items and content added now via the footer widget area in the WordPress Dashboard Widget area will display in the footer and the footer HTML 5 mark up is still in the code. Now you can add back in the Copyright by allowing php to run in widgets but also anything else you like, like footer menus, contact info, privacy info etc.

 

Full Gist

view raw genesis-footer.php hosted with ❤ by GitHub

Leave a Comment





%d bloggers like this: