Skip to content

Instantly share code, notes, and snippets.

@cre8tivediva
Last active June 29, 2016 02:42
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/02e19481c3dfd46a36024afe1ec07fec to your computer and use it in GitHub Desktop.
Save cre8tivediva/02e19481c3dfd46a36024afe1ec07fec to your computer and use it in GitHub Desktop.
Add a See Also Section to the End of Blog Posts
//* Add See Also Image sizes
add_image_size( 'see-also-entry', 50, 50, TRUE );
//* Register See Also Widget Areas
genesis_register_sidebar( array(
'id' => 'genesis-see-also-left',
'name' => __( 'Genesis See Also Left Side', 'themename' ),
'description' => __( 'This is the Genesis See Also left side section.', 'themename' ),
) );
genesis_register_sidebar( array(
'id' => 'genesis-see-also-right',
'name' => __( 'Genesis See Also Right Side', 'themename' ),
'description' => __( 'This is the Genesis See Also right side section.', 'themename' ),
) );
//* Hooks See Also Left and Right Widget Areas
add_action( 'genesis_entry_footer', 'genesis_see_also_widgets', 15 );
function genesis_see_also_widgets() {
if ( ! is_singular('post' ) )
return;
echo '<div class="genesis-see-also">';
echo '<div class="see-also">';
echo '<h4>' . __( 'See Also', 'themename' ) . '</h4>';
genesis_widget_area( 'genesis-see-also-left', array(
'before' => '<div class="genesis-see-also-left widget-area">',
'after' => '</div>',
) );
genesis_widget_area( 'genesis-see-also-right', array(
'before' => '<div class="genesis-see-also-right widget-area">',
'after' => '</div>',
) );
echo '</div></div><!-- end .genesis-see-also -->';
}
/*
Genesis See Also Widget Area
---------------------------------------------------------------------------------------------------- */
.genesis-see-also {
width: 100%;
}
.genesis-see-also .entry {
margin-bottom: 10px;
}
.genesis-see-also-left .featured-content .entry-title,
.genesis-see-also-right .featured-content .entry-title {
font-size: 15px;
}
.genesis-see-also-left.widget-area {
float: left;
}
.genesis-see-also-right.widget-area {
float: right;
}
.genesis-see-also-left.widget-area,
.genesis-see-also-right.widget-area {
padding: 10px 10px 0 0;
width: 50%;
}
@media only screen and (max-width: 320px) {
.genesis-see-also-left.widget-area,
.genesis-see-also-right.widget-area {
width: 100%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment