-
-
Save cre8tivediva/cc4fc1c605d247c50a2c0c9dee550fda to your computer and use it in GitHub Desktop.
Add Before Header and After Footer Widget Areas for Advertising
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//* 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>', | |
) ); | |
} | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
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