How to Customize the Footer

You may notice that the Genesis Framework outputs a Return to Top of Page link on the left side as well as the Credits section on the right side. There are two ways you can customize the footer.

Option #1 – Genesis Simple Hooks Plugin

We have developed a plugin that will enable you to customize the footer from your WordPress dashboard. The Simple Hooks plugin was developed to extend the capabilities of Genesis and allow you to hook HTML, PHP and shortcodes to any of the existing hooks within the framework.

Option #2 – Using Custom Filter in Your Child Theme’s Functions File

To customize the Return to Top of Page text, add this to your child theme’s functions.php file:

/** Customize the return to top of page text */
add_filter('genesis_footer_backtotop_text', 'custom_footer_backtotop_text');
function custom_footer_backtotop_text($backtotop) {
    $backtotop = '[footer_backtotop text="Return to Top"]';
    return $backtotop;
}

To customize the Credits, add this to your child theme’s functions.php file:

/** Customize the credits */
add_filter('genesis_footer_creds_text', 'custom_footer_creds_text');
function custom_footer_creds_text() {
    echo '<div class="creds"><p>';
    echo 'Copyright &copy; ';
    echo date('Y');
    echo ' &middot; <a href="http://mydomain.com">My Custom Link</a> &middot; Built on the <a href="http://www.studiopress.com/themes/genesis" title="Genesis Framework">Genesis Framework</a>';
    echo '</p></div>';
}
/** Customize the entire footer */
remove_action( 'genesis_footer', 'genesis_do_footer' );
add_action( 'genesis_footer', 'child_do_footer' );
function child_do_footer() {
    ?>
    <p>&copy; Copyright 2011 <a href="http://mydomain.com/">My Domain</a> &middot; All Rights Reserved &middot; Powered by <a href="http://wordpress.org/">WordPress</a> &middot; <a href="http://mydomain.com/wp-admin">Admin</a></p>
    <?php
}

Using this method will remove some markup that’s within the footer – this is the Return to Top Section and the Credit section. You’ll want to add the CSS below in order to center your footer text:

#footer {
	text-align: center;
}