WP SITES

2896

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

Genesis Grid Loop Setup Guide For Beginners

Genesis includes a built in grid loop which you can add to any child theme.

There’s a few settings which you will need to configure in the code to determine if you want your posts displayed:

  1. In a grid which displays them in 2 columns
  2. In full width which is called features
  3. Or a certain amount of features and the rest in a grid

Add Custom Images Sizes For Grid Loop

If you want to display images for both features and the grid loop, you can add custom sizes to your child themes functions file using this code.

The code below assumes you have added new image sizes.

2 Column Grid

2 column grid loop

Here’s the code you can add to your front-page.php file to display all posts in a 2 column grid.

Simply make sure the features parameter is set to 0.

Features & 2 Column Grid

features and 2 column grid

Here’s the code you can add to your front-page.php file to display any number of posts as features which are full width and the rest in a 2 column grid.

Simply set the features parameter to the number of full width features you want and the balance will display in a 2 column grid.

All Full Width Features

all features

Here’s the code you can add to your front-page.php file to display all your posts as features which are full width.

Simply set the features parameter to the same number of posts you have set to display per page in your WordPress > Settings > Reading > Blog pages show at most.

Related Tutorials

Reader Interactions

Comments

  1. Is it possible to have a shortcode like [powerpress] displayed correctly in the excerpt the grid loop of front-page.php displays???

    Trying to get the blubrry podcast player to display on each excerpt in grid

      • Thanks Brad for confirming that it can be done … my next question of course is how 🙂

        I’m used to using the post excerpt and adding

        add_filter('the_excerpt', 'do_shortcode');

        to functions.php but that doesn’t work with Genesis

        Some additional digging came up with this code being added to functions.php as well but it didn’t work either. 

        add_action( 'init', 'ap_enable_autoembed_intro' );
/**
* Run shortcodes and enable autoembed at Genesis archive intro text.
*/
function ap_enable_autoembed_intro(){
/** Global $wp_embed */
global $wp_embed;
/** For Registered Taxonomy Archive Intro Text */
add_filter( 'genesis_term_intro_text_output', 'do_shortcode' );
add_filter( 'genesis_term_intro_text_output', array( $wp_embed, 'run_shortcode'), 8 );
add_filter( 'genesis_term_intro_text_output', array( $wp_embed, 'autoembed'), 8 );
/** For Author Archive Intro Text */
add_filter( 'genesis_author_intro_text_output', 'do_shortcode' );
add_filter( 'genesis_author_intro_text_output', array( $wp_embed, 'run_shortcode'), 8 );
add_filter( 'genesis_author_intro_text_output', array( $wp_embed, 'autoembed'), 8 );
/** For Registered Post Type Archive Intro Text */
add_filter( 'genesis_cpt_archive_intro_text_output', 'do_shortcode' );
add_filter( 'genesis_cpt_archive_intro_text_output', array( $wp_embed, 'run_shortcode'), 8 );
add_filter( 'genesis_cpt_archive_intro_text_output', array( $wp_embed, 'autoembed'), 8 );
}

        Any suggestions or direction would be appreciated.

  2. Hi Brad,

    When I paste the “add new image sizes” code into my functions.php file it causes the actual text from the code snippet to show up at the top of my blog site. Did I miss something?

    Also I’ve pasted the “2 column grid” code into my front-page.php file but nothing is showing up on my blog homepage. Any suggestions where I’m going wrong? Does my landing page need to be using a specific template? At the moment it is using the Default Template.

    • You must have missed some of the code when you copied it.

      Your front-page.php file already includes the grid loop code so ypou don’t need to add it again.

      I have already advised yo of this 3 times now.

      Your landing page needs to use the landing page template which you can select using the Page Attributes.

  3. Is there a way to hide the summary/excepts completely and just show the featured image on the homepage, category pages, and blog pages? I don’t want my readers to see the summary until they click on the actual featured image or title and go directly to the post.

Leave a Reply