• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Add Genesis Grid Loop Before or After Home Page Widgets

This code enables you to add the genesis grid loop before or after widgets in your home.php or front-page.php file.

You can display your loop of posts in a 2 column grid or as features which display your post content or excerpt full width.

Genesis Grid Loop Before Widgets

Here’s a screenshot of what the code generates on the front page:

loop before widgets

Here’s the entire front-page.php code which adds the Genesis grid loop before your home or front page widgets.

Genesis Grid Loop After Widgets

Here’s a screenshot of what the code generates on the front page:

loop after widgets

Here’s the entire front-page.php code which adds the Genesis grid loop after your home or front page widgets.

CSS & Media Queries

Includes both the CSS and the CSS for the Media Queries.

Notes

  • Tested on the Enterprise Pro child theme by StudioPress.
  • The code may need modifying for use on other Genesis child themes.

Related Tutorials

  • Genesis Grid Loop Setup Guide For Beginners

Reader Interactions

Comments

  1. Denise says

    October 16, 2014 at 2:55 pm

    Thanks for this post, Brad! I’ve been using the Genesis Grid Loop plugin for archives pages (but not the homepage). Is there a benefit to adding the grid, versus using the plugin?

    Log in to Reply
    • Brad Dalton says

      October 16, 2014 at 2:59 pm

      No worries Denise.

      I think code is always more flexible and secure than plugins.

      You can also modify code whereas plugins aren’t really mean’t to be modified

      Log in to Reply
    • Brad Dalton says

      October 16, 2014 at 4:14 pm

      Another solution which you might like is to filter the post class to display excerpts in columns of 2 or 3.

      Log in to Reply
      • Denise says

        October 16, 2014 at 8:49 pm

        Thanks, Brad! I’ll experiment a bit with it to see if I can manage to implement this.

        Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems