50+ Useful Genesis Tutorials and Code Snippets for WordPress

Most popular Genesis Tutorials with code snippets helps you to build a great WordPress blog.These are the our latest Genesis tutorial collection works with Genesis 2.0 and above (latest) studio-press framework version.This article contains the best code snippets and useful tutorials to build a great WordPress blog using the Genesis child theme.

Header

Body

Header

1. Move Primary Navigation Menu Before Header

To move primary nav menu before header in Genesis child theme, add the following PHP code to your theme's functions.php file.By default Genesis has built in options of primary and secondary navigation menus.

/** Move Primary Navigation Menu Above Header */
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_before_header', 'genesis_do_nav' );

2.Move Secondary Navigation Menu above Header

The following code do the work for you to move secondary navigation menu above header,paste the follwoing code in your child themes functions.php file.Go to Appearances > Editor > Functions.php and add this code.

/** Move Secondary Navigation Menu Above Header */
remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action( 'genesis_before_header', 'genesis_do_subnav' );

3.Add Custom logo to Genesis child theme

The easy way of the adding a logo to Genesis theme is through header option.Register a custom header in functions.php file then upload your custom logo by following this tutorial.

a.Go to Dashboard->Editor->functions.php and add the below code.

add_theme_support( 'genesis-custom-header', array( 'width' => 960, 'height' => 100 ) );

b.If you have custom logo with different height and width, according to these sizes, you can change the values in the above code.

c.Now go to Header( under appearances) and upload your logo.This is the easy and the best way to upload a logo to any Genesis child theme.

4.Remove Primary Navigation Menu on Home Page

Genesis primary navigation menu can shown on all pages except landing home page.To remove primary navigation menu on home page, the best solution is add the following to your Genesis child themes functions.php file

//* Remove the primary navigation menu on home/front page
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_after_header', 'myg_do_nav' );
function myg_do_nav() {
if ( is_home() || is_front_page() )
return;
genesis_do_nav();
}

5.Remove Both Primary and Secondary Navigation Menus on Home page

It's a another different condition, here we are removing both primary and secondary navigation menus on home page.The following code should be added to functions.php file.

remove_action( 'genesis_after_header', 'genesis_do_nav' );
remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action( 'genesis_after_header', 'myg_do_nav' );
function myg_do_nav() {
if ( is_home() || is_front_page() )
return;
genesis_do_nav();
genesis_do_subnav();
}

6.Remove Genesis Header From Front Page Only

Genesis site header appears on all pages except home page, if you adds the following code to your child themes functions.php.

add_action( 'genesis_before_header', 'myg_remove_header_home' );
function myg_remove_header_home() {
if ( ! is_front_page() ) {
return;
}
remove_action( 'genesis_header', 'genesis_header_markup_open', 5 );
remove_action( 'genesis_header', 'genesis_do_header' );
remove_action( 'genesis_header', 'genesis_header_markup_close', 15 );
}

7.Add navigation Menu Description in Genesis

To show menu items description in Genesi theme, add this php code to functions.php file

//* Add walker class that displays menu item descriptions
class Menu_With_Description extends Walker_Nav_Menu {
	function start_el(&$output, $item, $depth, $args) {
		global $wp_query;
		$indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';

		$class_names = $value = '';

		$classes = empty( $item->classes ) ? array() : (array) $item->classes;

		$class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) );
		$class_names = ' class="' . esc_attr( $class_names ) . '"';

		$output .= $indent . '<li id="menu-item-'. $item->ID . '"' . $value . $class_names .'>';

		$attributes = ! empty( $item->attr_title ) ? ' title="' . esc_attr( $item->attr_title ) .'"' : '';
		$attributes .= ! empty( $item->target ) ? ' target="' . esc_attr( $item->target ) .'"' : '';
		$attributes .= ! empty( $item->xfn ) ? ' rel="' . esc_attr( $item->xfn ) .'"' : '';
		$attributes .= ! empty( $item->url ) ? ' href="' . esc_attr( $item->url ) .'"' : '';

		$item_output = $args->before;
		$item_output .= '<a'. $attributes .'>';
		$item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
		$item_output .= '<br /><span class="sub">' . $item->description . '</span>';
		$item_output .= '</a>';
		$item_output .= $args->after;

		$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
	}
}

//* Pass custom walker that includes menu descriptions
function myg_primary_menu_args( $args ) {

	if( 'primary' == $args['theme_location'] ) {
		$walker = new Menu_With_Description;
		$args['walker'] = $walker;
	}

	return $args;

}
add_filter( 'wp_nav_menu_args', 'myg_primary_menu_args' );

Then add some styling in your CSS file

span.sub {
font-style: italic;
font-size: small;
}
.menu-primary a {
text-align: center;
}

Note:It can be also done by entering a description for Menu items.Go to Appearance > Menus, then select ‘Screen Options’ and tick Description.

Body

8.Remove Post Info in Genesis Theme

In Genesis theme, post info contains of author name, date and leave a comment fields. To remove this Genesis post info add this following code to your child themes functions.php.

remove_action( 'genesis_entry_header', 'genesis_post_info', 12 );

9.Remove Post Meta in Genesis Theme

Genesis post meta displays category and tags under each post.To remove Genesis post meta, paste this code to functions.php file of your child theme.

remove_action( 'genesis_entry_footer', 'genesis_post_meta' );

10.Hide Genesis Post Info with CSS

This is the another way to hide post info in the genesis theme with css.Open your style sheet and add the code at the end of your css file.

.entry-meta {
display: none;
}

11.Hide Genesis Post Meta with CSS

Hide all Genesis post meta site wide with this small CSS code.

.post-meta,  
.categories, 
.tags { 
    display: none; 
}

12.Add Custom Featured Image Size

To show images in the different sizes for features image, slider, etc with custom image sizes as shown in the code.

//* Add image sizes for slider and home page
add_image_size( 'slider', 1140, 445, TRUE );
add_image_size( 'home-widgets', 293, 150, TRUE );
add_image_size( 'related', 100, 100, true );

13.Remove Post Date in Genesis Theme

To remove only post date and show the rest of the post info (date and author name), the following code should be added to your Genesis child themes CSS file.

.entry-time  {
display: none;
}

14.Remove Genesis Post Date from Sticky Posts

If you would like to remove the post date in Genesis theme from sticky posts add this code to functions.php file. Sticky posts are timeless and appears on top of the page.

//* Customize entry meta in the entry header to remove Post Date from Sticky posts
add_filter( 'genesis_post_info', 'myg_post_info_filter' );
function myg_post_info_filter($post_info) {
if ( is_sticky( ) ) {
$post_info = 'by [post_author_posts_link] [post_comments] [post_edit]';
}
else {
$post_info = '[post_date] by [post_author_posts_link] [post_comments] [post_edit]';
}
return $post_info;
}

15.Remove Genesis Post Date From Specific Category Posts

This Genesis code snippets will remove post date from all the posts of a specific category.Replace category name('uncategorized' in the below code), which you would like to remove post date with your own category name.

//* Customize entry meta in entry header for all Posts that belong to a particular category
add_filter( 'genesis_post_info', 'myg_post_info_filter' );
function myg_post_info_filter($post_info) {
if ( ! in_category( 'uncategorized' ) ) {
return $post_info;
}
$post_info = 'by [post_author_posts_link] [post_comments] [post_edit]';
return $post_info;
}

16.Add Last Updated Post Date in Genesis

If you want to show last updates post date in Genesis theme,add the following code into functions.php file.When ever you modify a published post, it will show last updated date.

//* Add last updated date to the post info in entry header
add_filter( 'genesis_post_info', 'myg_post_info_filter' );
function myg_post_info_filter($post_info) {
if (get_the_modified_time() != get_the_time()) {
$post_info = $post_info . '<br/>Last updated on: ' . the_modified_date('F j, Y', '', '', false);
}
return $post_info;
}

17.Re position Genesis Breadcrumbs

Customize or reposition Genesis breadcrumbs easily with the following code, should be add it in functions.php.

//* Reposition breadcrumbs from before .entry to inside .entry (above title) on single Posts and static Pages
add_action( 'genesis_before_content', 'myg_reposition_breadcrumbs' );
function myg_reposition_breadcrumbs() {
if ( is_singular() ) {
remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' );
add_action( 'genesis_entry_header', 'genesis_do_breadcrumbs', 9 );
}
}

18.Change Read More Text in Genesis

To modify excerpt read more link to continue reading in Genesis, paste the code in your themes functions.php file.

//* Modify the Excerpt read more link to continue reading
add_filter('excerpt_more', 'new_excerpt_more');
function new_excerpt_more($more) {
    return '... <a class="more-link" href="' . get_permalink() . '">[Continue Reading]</a>';
}

19.Show Category Description in Genesis

Displaying category description is not at all a bad idea,like the best social media website "Mashable".For each category, the description is must for better SEO purpose.It can be done by adding the bit of code in to your child theme's functions.php file.

/** Show category descriptions */
function minimum_cat_description () {
if (is_category() ) {		
echo category_description( $category-id );
}}
add_action( 'genesis_before_loop', 'minimum_cat_description');

20.Exclude Specific Category Posts from Home Page

To exclude all posts from particular category /categories,paste this code into your genesis child themes functions.php file.

/** Exclude certain category posts from displaying on home page or blog page */
add_action( 'pre_get_posts', 'be_exclude_category_from_blog' );
function be_exclude_category_from_blog( $query ) {

    if( $query-&gt;is_main_query() &amp;&amp; $query-&gt;is_home() ) {
        $query-&gt;set( 'cat', '-4' );
    }
}

21.Display Specific Category Posts on Blog Page

Before adding this code,decide which category posts you really want to display on home page,then find the ID of that category.Some may not want to display all category posts on front page, for them it's a perfect solution to show posts from one category only.Replace ID number of 12 with your category ID.Simply paste the following code snippet to your genesis child theme's functions.php file

add_action( 'pre_get_posts', 'one_category_home_page' );
function one_category_home_page( $query ) {
if ( $query->is_home() && $query->is_main_query() ) {
$query->set( 'cat', '12' );
}
}

Sidebar

22.Remove Primary Sidebar in Genesis

Below is the code snippet which helps you to remove / un register the primary sidebar in Genesis child theme.The code should be added to functions.php file.

/** Unregister genesis primary sidebar */
unregister_sidebar( 'sidebar' );

23.Remove Secondary Sidebar in Genesis

Below is the code snippet which helps you to remove / un register the secondary sidebar in Genesis child theme.The code should be added to functions.php file.

/** Unregister Genesis secondary sidebar */
unregister_sidebar( 'sidebar-alt' );

24.Remove Genesis Sidebars on Mobiles

The following Genesis code snippet will force to display full width content and remove sidebar on tablets and mobiles.Add it in functions.php file.

//* Remove sidebars on mobiles and tablets in genesis
add_action( 'get_header', 'remove_sidebars_mobile' );
function remove_sidebars_mobile() {
if ( wp_is_mobile() ) {
# Force full width content
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );
}
}

25.Change Search Box Text in Genesis

By default Genesis search box text appear as search this website,which not looks great.To change this text with your own text just paste the bit of code in your genesis themes functions.php file.

/** Customize search form input box text */
add_filter( 'genesis_search_text', 'custom_search_text' );
function custom_search_text($text) {
    return esc_attr( 'Search my genesis themes' );
}

26.Add Submit Button to Genesis Search Box

paste the following CSS code to your Genesis child theme's style sheet to add a beautiful button to Genesis search box.

.search-form {
	overflow:auto;
}

.search-form input[type="search"] {
	width: 64%;
	float: left;
	-webkit-appearance: none;
}

.search-form input[type="submit"] {
	position: relative;
	display: inline-block;
	padding: 13px;
	margin-top: 3px;
	margin-left: 10px;
	width: 90px;
	height: auto;
	clip: auto;
	text-align: center;
	background-color: #666;
	transition-property: opacity;
	transition-delay: .3s;
	transition-duration: .5s;
}

.search-form input[type="submit"]:hover {
	opacity: .7;
}


@media only screen and (max-width: 1023px) {
	.site-header .search-form  {
		text-align: left;
		padding-left: 5%;
		padding-right: 5%;
	}
	.search-form input[type="search"] {
		width: 70%;
	}
}
@media only screen and (max-width: 320px) {
	.search-form input[type="search"] {
		width: 55%;
	}
}

Footer

27.Remove Genesis Footer Credits Links

There are many plugins available to remove the Genesis footer links.Here with this code you can completely remove all Genesis footer credits from displaying for ever in your blog.This code should add to functions.php file.

/** Customize or remove the Genesis footer credits links */
add_filter('genesis_footer_creds_text', 'custom_footer_creds_text');
function custom_footer_creds_text($creds) {
    $creds = ' 2015 My Genesis Themes</a>';
    return $creds;

28.Register a Beautiful Genesis Footer

Genesis allows you to register multi column widgets.Here i'm showing registering 4- column widgets.First paste the following code in functions.php file.

/** Add support for 4-column footer widgets **/
add_theme_support( 'genesis-footer-widgets', 4 );

After that style it according to your theme's color.Add this CSS code to styles.css

/* Footer Widgets
 ----------------------- */
 #footer-widgets {
 background-color: #333;
 border-bottom: 1px solid #fff;
 clear: both;
 color: #fff;
 font-size: 12px;
 margin: 0 auto 0;
 overflow: hidden;
 padding: 10px 0 0 0;
 width: 960px;
 }
 #footer-widgets .wrap {
 margin: 0 auto 0;
 width: 940px;
 }
 #footer-widgets .widget {
 background: none;
 border: none;
 padding: 0;
 }
 #footer-widgets .textwidget {
 padding: 0;
 }
 #footer-widgets .widget_tag_cloud div div {
 padding: 0;
 }
 #footer-widgets h4 {
 background: none;
 border: none;
 color: #fff;
 font-size: 12px;
 font-weight: bold;
 margin: 0 0 5px;
 padding: 0;
 text-transform: uppercase;
 }
 #footer-widgets p {
 color: #fff;
 padding: 0 0 10px;
 }
 #footer-widgets a, #footer-widgets a:visited {
 color: #fff;
 text-decoration: underline;
 }
 #footer-widgets a:hover {
 text-decoration: none;
 }
 #footer-widgets ul {
 color: #fff;
 list-style-type: none;
 margin: 0 0 10px;
 }
 #footer-widgets ul li {
 list-style-type: square;
 margin: 0 0 0 15px;
 }
 #footer-widgets #wp-calendar thead,
 #footer-widgets #wp-calendar td {
 background: none;
 }
 .footer-widgets-1 {
 float: left;
 padding: 0 20px 0 0;
 width: 300px;
 }
 .footer-widgets-2 {
 float: left;
 width: 300px;
 }
 .footer-widgets-3 {
 float: right;
 width: 300px;
 }
 .footer-widgets-4 {
 float: right;
 width: 300px;
 }

29.Add a Full Width Widget After Genesis Footer

Adding a full width widget in the Genesis footer pretty simple.Here i'm adding a fifth widget with full width.So register 5 widgets by adding the code to functions.php file

add_theme_support( 'genesis-footer-widgets', 5 );

secondly style it by adding the CSS code to style sheet.

.footer-widgets-5 {
width: 100%;
float: left;
}

30.Remove genesis footer

To remove genesis footer completely, the code should be added to functions.php file.

// Remove Genesis Footer
 remove_action('genesis_footer', 'genesis_do_footer');
 remove_action('genesis_footer', 'genesis_footer_markup_open', 5);
 remove_action('genesis_footer', 'genesis_footer_markup_close', 15);

Comment form

31.Modify Speak your Mind Text for Comments

Here i'm changing speak your mind to leave a comment by adding the following code to functions.php

add_filter('genesis_comment_form_args', 'custom_comment_form_args');
function custom_comment_form_args($args) {
  $args['title_reply'] = 'Leave a Comment';    // $args['title_reply'] = ''; for total removal
  return $args;
}

32.Change Comment Box Position to Above Comments

By default, the WordPress comment box is displayed below comments,which is pretty good.But for some time after reading all comments,users may not reply to your post,which effects loss of one valuable comment.So move it to above comments by adding the following code into functions.php.

add_action( 'genesis_before_comments' , 'wps_post_type_check' );
function wps_post_type_check () {
if ( is_single() ) {
if ( have_comments() ) {
remove_action( 'genesis_comment_form', 'genesis_do_comment_form' );
add_action( 'genesis_list_comments', 'genesis_do_comment_form' , 5 );
}
}
}

33.Remove Comment Meta Data (time and date)

To hide meta data (date and time ) from all commentators across your Genesis site, use the below CSS.

.comment-meta {
    display:  none;
}

34.Remove HTML allowed Tags in Genesis

By default, the WordPress includes comment form allowed tags in the source code.To remove this add the code to your Genesis child themes functions.php.

function remove_comment_form_allowed_tags() {
add_filter('comment_form_defaults','wordpress_comment_form_defaults');
}
function wordpress_comment_form_defaults($default) {
unset($default['comment_notes_after']);
unset($default['comment_notes_before']);
return $default;
}

35.Remove URL Field from Comment Form

Link building software tools may hit your blog with plenty of spam comments,which are really unnecessary.simply copy and paste the below listed code in your child theme's functions.php file.Here's the code to remove website field from WordPress comments in Genesis theme.

add_filter( 'genesis_comment_form_args', 'myg_comment_form_args' );
function myg_comment_form_args( $args ) {
unset( $args['fields']['url'] );
return $args;
}

36.Add Comment Form Before Loop On Single Posts

Here's the functions.php code which adds comment form before loop on single posts in Genesis theme.

add_action( 'genesis_before_loop', 'add_another_comment_form' );
function add_another_comment_form() {
if  ( is_singular('post') ) {
     genesis_comment_form();
    }
}

37.Remove comment Form for Specific Category all Posts

If you would like to stop comments from all posts from a specific category, then here's the code for you to do the same.It should add to functions.php and replace category id 007 with your category ID.

add_action( 'wp_enqueue_scripts', 'remove_comments_in_category' );
function remove_comments_in_category() {
if (in_category(007) )  {
remove_action( 'genesis_after_post', 'genesis_get_comments_template' );
}
}

38.Add Comment Form for one Category Posts Only

This php code (add it in functions.php) disbale comment form for all posts and all categories except one category posts. So it's allow only one category posts to include comment.Replace 12 with your category i.d to allow comments for that category posts only.

add_action( 'wp_enqueue_scripts', 'remove_comments_specific_categories' );
function remove_comments_specific_categories() {
if ( !in_category( '12' ) ) {
remove_action( 'genesis_after_post', 'genesis_get_comments_template' );
}
}

42.Show Previous and Next post Links in a Single Post

To show previous and next post links in a single post,add the code to functions.php

add_action( 'genesis_entry_header', 'myg_single_post_nav', 9 );
function myg_single_post_nav() {
if ( is_singular('post' ) ) {
$prev_post = get_adjacent_post(false, '', true);
$next_post = get_adjacent_post(false, '', false);
echo '<div class="prev-next-post-links">';
previous_post_link( '<div class="previous-post-link" title="Previous Post: ' . $prev_post->post_title . '">%link</div>', '&laquo;' );
next_post_link( '<div class="next-post-link" title="Next Post: ' . $next_post->post_title . '">%link</div>', '&raquo;' );
echo '</div>';
}
}

Miscellaneous

43.Add Social Media Buttons in Genesis

Learn how to add social media buttons/icons in Genesis child theme without using a plugin.Here you can add Twitter, Facebook and Google + buttons with this code and it shoud be added in to functions.php file. Change twitter name with yours at the place of mygenesisthemes.

//* Add Facebook, Google+ and Twitter sharing buttons after header

add_action( 'get_header', 'facebook_share_btn_myg' );
function facebook_share_btn_myg() {
echo '<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/myg.js#xfbml=1&appId=357648750922513&version=v2.0";
 fjs.parentNode.insertBefore(js, fjs);
}(document, \'script\', \'facebook-jsmyg\'));</script>';
}
add_action( 'wp_footer', 'google_share_init' );
function google_share_init() {
echo '<script src="https://apis.google.com/js/platform.js" async defer></script>';
}
add_action( 'genesis_after_header', 'facebook_share_btn' );
function facebook_share_btn() {
echo '<div class="social-media-sharing"><div class="wrap">
<div class="fb-share-button social-share-btn" data-layout="button_count"></div>
<div class="social-share-btn"><div class="g-plus" data-action="share" data-annotation="bubble"></div></div>

<div class="social-share-btn"><a href="https://twitter.com/share" class="twitter-share-button" data-via="mygenesisthemes">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?\'http\':\'https\';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+\'://platform.twitter.com/widgets.js\';fjs.parentNode.insertBefore(js,fjs);}}(document, \'script\', \'twitter-wjs\');</script>
</div>
</div></div>';
}

44.Unregister Genesis layouts

The following code will hep you to unregister Genesis layouts.

/** Unregister other site layouts */
genesis_unregister_layout('content-sidebar');
genesis_unregister_layout('sidebar-content');
genesis_unregister_layout('content-sidebar-sidebar');
genesis_unregister_layout('sidebar-sidebar-content');
genesis_unregister_layout('sidebar-content-sidebar');

45.Styling Gravity forms in Genesis

Gravity forms is widely used premium plugin comes with bunch of features.To style Gravity forms in Genesis theme, add the code to css file.

.entry .gform_wrapper {
	max-width: 100%;
	margin-bottom: 28px;
}
 
.gform_wrapper ul li.gfield {
	margin-bottom: 20px;
}
 
.entry .gform_wrapper input[type=text],
.entry .gform_wrapper input[type=url],
.entry .gform_wrapper input[type=email],
.entry .gform_wrapper input[type=tel],
.entry .gform_wrapper input[type=number],
.entry .gform_wrapper input[type=password] {
	padding: 7px;
	font-size: 18px;
	border-radius: 5px;
}
 
.entry .gform_wrapper form {
	background: #f2f2f2;
}
 
.entry .gform_wrapper h2.gsection_title,
.entry .gform_wrapper .gsection_description,
.entry .gform_wrapper h3.gform_title {
	width: 100%;
}
 
.entry .gform_wrapper .gform_heading {
	width: 100%;
	margin-bottom: 0;
}
 
.entry .gform_wrapper h3.gform_title {
	margin-top: 0;
	margin-bottom: 0;
	background: #6d6e70;
	color: #fff;
	padding: 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
 
.entry .gform_wrapper span.gform_description {
	padding: 20px;
	display: block;
}
 
.gform_wrapper span.gform_description p:last-child {
	margin-bottom: 0;
}
 
.entry .gform_wrapper .gform_body {
	padding: 0 20px 0 20px;
}
 
.entry .gform_wrapper .top_label .gfield_label {
	color: #6d6e70;
}
 
.entry .gform_wrapper .gform_footer {
	padding: 0 20px 20px 20px;
}
 
.entry .gform_wrapper .gform_footer input.button,
.entry .gform_wrapper .gform_footer input[type="submit"] {
	background: #d8452e;
	border-radius: 5px;
	padding: 9px 18px;
	text-transform: none;
	font-weight: bold;
	letter-spacing: 1px;
}
 
.entry .gform_wrapper .gform_footer input.button:hover,
.entry .gform_wrapper .gform_footer input[type="submit"]:hover {
	background: #333;
}

46.Display Google adsense after first post on blog page

To display Google Adsense after first post on home page, blog page, archives, etc. Paste the code to functions.php file and add the Google Adsense code at the place of REPLACE THIS TEXT WITH YOUR OWN ADSENSE CODE.

add_action('genesis_after_post', 'ad_after_first_post');
function ad_after_first_post() {
global $loop_counter;
if (!is_singular() && $loop_counter == 0) { ?>
REPLACE THIS TEXT WITH YOUR OWN ADSENSE CODE

Useful Genesis Plugins

47.Genesis Simple Hook

This is the best Genesis plugin every studio press user must install it.Genesis Simple hooks plugin creates a Genesis settings page,that allow to insert HTML, php and any short codes.To know the Genesis 2.0 hooks and how to use them, install it and get some extra coding knowledge with 50+ hooks.

48.Genesis Connect For Woo commerce

If you are running a ecommerce website with Genesis theme,then it's must have plugin to integrate your store with woo commerce.Check out some cool features of Genesis Connect For Woo commerce at it's official site.The main features of this plugin are displaying single product page, the main shop page, Product Category and Product Tag archive pages.

49.Genesis Visual Hook Guide

See Genesis hooks in action and filter quickly and easily by seeing their actual locations inside your theme with this plugin.Genesis Visual Hooks guide developed by Genesis tutorials.

50.Genesis Layout extras

This plugin allows Genesis archive settings for post types.Genesis layout extras help to modify homepage, various archives, attachment, search, 404 pages.See it in live action to know the other features.

51.Genesis Design Pattle Pro

Genesis Design Pattle Pro is a premium plugin, especially very useful for developers.Without any coding knowledge, you can create a great WordPress blog with any Genesis child theme.Now you can make your own genesis theme in your style with this superb plugin.

52.Genesis Simple Edits

This is very useful plugin for Genesis beginners.It allows to edit, remove and modify post meta (category and tags), post info (date and author) and footer credits links.Genesis simple edits is a lightweight plugin and having the great features like removing post meta, post info and footer links.

In the next series of our Advanced Genesis tutorial part-2, you can have some more useful code snippets, plugins, tips and tricks.In addition, follow some of the best websites like Bill Erickson, Carrie Dils, WP Sites, Sridhar Katakam, the official studio press blog and My Genesis Themes as well.

Header

1. Move Primary Navigation Menu Before Header

2.Move Secondary Navigation Menu above Header

3.Add Custom logo to Genesis child theme

4.Remove Primary Navigation Menu on Home Page

5.Remove Both Primary and Secondary Navigation Menus on Home page

6.Remove Genesis Header From Front Page Only

7.Add navigation Menu Description in Genesis

Body

8.Remove Post Info in Genesis Theme

9.Remove Post Meta in Genesis Theme

10.Hide Genesis Post Info with CSS

11.Hide Genesis Post Meta with CSS

12.Add Custom Featured Image Size

13.Remove Post Date in Genesis Theme

14.Remove Genesis Post Date from Sticky Posts

15.Remove Genesis Post Date From Specific Category Posts

16.Add Last Updated Post Date in Genesis

17.Re position Genesis Breadcrumbs

18.Change Read More Text in Genesis

19.Show Category Description in Genesis

20.Exclude Specific Category Posts from Home Page

21.Display Specific Category Posts on Blog Page

Sidebar

22.Remove Primary Sidebar in Genesis

23.Remove Secondary Sidebar in Genesis

24.Remove Genesis Sidebars on Mobiles

25.Change Search Box Text in Genesis

26.Add Submit Button to Genesis Search Box

Footer

27.Remove Genesis Footer Credits Links

28.Register a Beautiful Genesis Footer

29.Add a Full Width Widget After Genesis Footer

30.Remove genesis footer

Comment form

31.Modify Speak your Mind Text for Comments

32.Change Comment Box Position to Above Comments

33.Remove Comment Meta Data (time and date)

34.Remove HTML allowed Tags in Genesis

35.Remove URL Field from Comment Form

36.Add Comment Form Before Loop On Single Posts

37.Remove comment Form for Specific Category all Posts

38.Add Comment Form for one Category Posts Only

Related Posts

39.Genesis Related Posts by Category

40.Add Related Posts by Tag in Genesis

41.Related Posts in Genesis by Thumbnails

42.Show Previous and Next post Links in a Single Post

Miscellaneous

43.Add Social Media Buttons in Genesis

44.Unregister Genesis layouts

45.Styling Gravity forms in Genesis

46.Display Google adsense after first post on blog page

Useful Genesis Plugins

47.Genesis Simple Hook

48.Genesis Connect For Woo commerce

49.Genesis Visual Hook Guide

50.Genesis Layout extras

51.Genesis Design Pattle Pro

52.Genesis Simple Edits

Related Posts