Categories
Genesis Tutorials

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

4 replies on “Add Genesis Grid Loop Before or After Home Page Widgets”

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?

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

Leave a Reply

Your email address will not be published. Required fields are marked *