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
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->is_main_query() && $query->is_home() ) {
$query->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' );
}
}
Related Posts
39.Genesis Related Posts by Category
The Genesis tutorial to display related posy by category.
40.Add Related Posts by Tag in Genesis
The ultimate guide to show related posts by tags in Genesis
41.Related Posts in Genesis by Thumbnails
Here's a step by step tutorial to display genesis related by thumbnails.
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>', '«' );
next_post_link( '<div class="next-post-link" title="Next Post: ' . $next_post->post_title . '">%link</div>', '»' );
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.