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

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

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

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.