Skip to content

Instantly share code, notes, and snippets.

@cre8tivediva
Last active May 4, 2016 03:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cre8tivediva/cc4fc1c605d247c50a2c0c9dee550fda to your computer and use it in GitHub Desktop.
Save cre8tivediva/cc4fc1c605d247c50a2c0c9dee550fda to your computer and use it in GitHub Desktop.
Add Before Header and After Footer Widget Areas for Advertising
//* Register widget areas
genesis_register_sidebar( array(
'id' => 'before-header',
'name' => __( 'Before Header', 'themename' ),
'description' => __( 'This is the before header widget area.', 'themename' ),
) );
genesis_register_sidebar( array(
'id' => 'after-footer',
'name' => __( 'After Footer', 'themename' ),
'description' => __( 'This is the after footer section.', 'themename' ),
) );
//* Hook before header widget area above header
add_action( 'genesis_before', 'themename_before_header' );
function themename_before_header() {
genesis_widget_area( 'before-header', array(
'before' => '<div class="before-header" class="widget-area"><div class="wrap">',
'after' => '</div></div>',
) );
}
//* Hook after footer widget area below footer
add_action( 'genesis_after', 'themename_after_footer' );
function themename_after_footer() {
genesis_widget_area( 'after-footer', array(
'before' => '<div class="after-footer" class="widget-area"><div class="wrap">',
'after' => '</div></div>',
) );
}
/*
Before Header and After Footer Widgets
---------------------------------------------------------------------------------------------------- */
.before-header,
.after-footer {
line-height: 1;
padding: 0 5%;
text-align: center;
}
.before-header .wrap,
.after-footer .wrap {
border-bottom: 1px dotted #ddd;
padding: 20px 0;
}
.before-header p,
.after-footer p {
line-height: 1.625;
}
.before-header p:last-child,
.after-footer p:last-child {
margin-bottom: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment