Coolest Guides on the Planet

coolest guides on the planet

Coolest Guides On The Planet

  • Home
  • macOS
  • WebDev
  • All Posts
  • Contact

Create a Footer Area with Left and Right Widgets in Genesis Child Theme

April 6, 2014 Leave a Comment

In the Sample Genesis Theme or a vanilla Child Theme, there is no actual Footer Widget Area, rather just a credit & copyright line with links.

sample-child-footer-default

 

genesischild-child-footer

This is how to create a new footer  area with a left and right widgets, these code snippets need to be added to the child theme functions.php file

Create The Footer Left and Right Widgets

//Add in new Widget areas
function genesischild_extra_widgets() {	
	genesis_register_sidebar( array(
	'id'          => 'footerleft',
	'name'        => __( 'Footer Left', 'genesischild' ),
	'description' => __( 'This is the footer left area', 'genesischild' ),
	'before_widget' => '<div class="first one-half footerleft">',
    'after_widget' => '</div>',
	) );
	genesis_register_sidebar( array(
	'id'          => 'footerright',
	'name'        => __( 'Footer Right', 'genesischild' ),
	'description' => __( 'This is the footer right area', 'genesischild' ),
	'before_widget' => '<div class="one-half footerright">',
    'after_widget' => '</div>',
	) );
}
add_action('widgets_init', 'genesischild_extra_widgets');

This function and action will add them in the WordPress Dashboard widget areas ready to put content in. They also have CSS column classes assigned that will work with responsive design.

sample-child-footer-left-right

Position The New Footer

//Remove The Old Footer
function genesischild_oldfooter() {
remove_action('genesis_footer', 'genesis_do_footer');
}
add_action('genesis_setup','genesischild_oldfooter'); 

//Add the New Footer
function genesischild_newfooter() {
    genesis_widget_area ('footerleft',array(
        'before' => '<div class="leftfoot">',
        'after' => '</div>',));
	genesis_widget_area ('footerright',	array(
        'before' => '<div class="rightfoot">',
        'after' => '</div>',));
}
add_action('genesis_footer','genesischild_newfooter');

There are 2 functions and actions in play here one to remove the old footer and one to add in the new.

Now there are 2 columns in the footer with separate widgets in the Dashboard.

genesis-left-right-footer

Both areas still sit in the .site-footer container which is still used for any full width CSS styling.

The 2 widget areas will stack vertically when the viewport reaches 767px

mobile-footer-widget

Full gist here.

Cats: Theming, WordPress

Tags

3gs 10.6 apache backup baseband boot clean urls cpanel css curl custom database drupal el capitan git Google image instadmg ios iphone jailbreak keys lion mac macos mojave macos sierra menu mysql OSX panda php phpmyadmin private public redirect redsn0w remote rsa SEO shell ssh terminal unstoppables upgrade urls

Donate a Beer to the Coolest Guides

Get Beaver Builder Now!

Discuss

3gs 10.6 apache backup baseband boot clean urls cpanel css curl custom database drupal el capitan git Google image instadmg ios iphone jailbreak keys lion mac macos mojave macos sierra menu mysql OSX panda php phpmyadmin private public redirect redsn0w remote rsa SEO shell ssh terminal unstoppables upgrade urls
Get DesktopServer

Lynda

Lynda.com Online Training Videos

TreeHouse

smlinks

Learn WordPress
osx-modify-shell-path

How to Add to the Shell Path in macOS Big Sur and Catalina using Terminal

October 19, 2019

virtual-hosts osx 10.10 yosemite

Set up Virtual Hosts on macOS Catalina 10.15 in Apache

October 19, 2019

Installing Homebrew on macOS Catalina 10.15, Package Manager for Linux Apps

October 18, 2019

Where is the bash shell in macos Catalina?

October 12, 2019

Refine your search

  • All
  • Modules
  • Themes
  • Documentation
  • Forums & Issues
  • Groups

RSS ars technica

  • OpenAI feels “burned” by Apple’s crappy ChatGPT integration, insiders say
  • Desperate Trump taps "Tim Apple," Jensen Huang, Elon Musk to attend Xi summit
  • Court rules Trump's 10% tariff is just as illegal as the tariff it replaced
  • Which Macs are suffering from shortages—and where are things getting worse?
  • Mac mini starting price goes up to $799, may be hard to get for "months"

RSS mac surfer

  • Apple Registers GenAI Subdomain Ahead of WWDC
  • Ben Stiller, Mike Judge Team for Apple TV Comedy
  • Apple Asks Supreme Court to Review Epic Contempt Ruling
  • Apple TV to Broadcast MLS Game on iPhone 17 Pro
  • OLED MacBook Pro Display Production Back on Track

Donate

Copyright © 2026· Neil Gee - All Rights Reserved - Hosted by Runcloud

Copyright © 2026 · gee on Genesis Framework · WordPress · Log in