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

WPFeed

  • News
  • Tutorials
    • WordPress Multisite
    • BuddyPress
    • Design
  • Reviews
    • Plugins
  • Roundups
  • Snippets
  • Giveaways
Home » How To » Easily Create a Genesis Grid Loop Template

Easily Create a Genesis Grid Loop Template

Ever wanted to have a grid template in your Genesis theme? Creating a Genesis Grid Loop template in Genesis Framework is not that hard. If you want to dig into the code, please read the full article at Billerickson.net – A Better and Easier Grid Loop. He’s also kind enough to provide few examples to do some advanced customization to the grid loop.

I’m not going to repeat what he had said. If you hate coding and want a simpler solution, I’d suggest using Genesis Grid plugin. This plugin was developed by Billerickson and is really easy to use.

1. Install and activate the Genesis Grid plugin.

2. Once you’ve activated the plugin, in your dashboard, you will see the new Genesis Grid sub-menu under the Genesis menu.

Genesis-Grid-Loop

3. From the settings page, you can set the featured image and the number of post for features and teasers sections of the grid. You can also choose where the grid will be applied – Blog Home, Category Archives, Tag Archives etc.

Plugin-Settings

Features are the top section in the grid loop, usually in full width while teasers are the posts in the multiple columns. You may have teasers of 2 columns, 3 columns, and up to 6 columns max. If you do not want to have the features section, simply put 0 in the text field in the settings page.

You will also be able to assign different image sizes to features and teasers from the plugin’s settings page. If you want to use a custom image size, make sure you add a new featured image size first.

Genesis Child Themes with Grid Loop Template

If you’ve no idea what is a grid loop, see some examples of these Genesis Child themes from StudioPress. Please note that these child themes use a different method to create the grid loop but what you see from the themes below can also be achieved using the Genesis Grid plugin.

*Click on the image to see the demo.

generate

Quattro

balance

Going Green Genesis Theme

Reader Interactions

Leave a Reply Cancel reply

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

Primary Sidebar

Recent Posts

  • WordPress is a brilliant platform that is loaded with tons of stuff for websites.
  • How to Sync Stock & Price for WooCommerce Products
  • How to migrate a WooCommerce Store to a new site
  • How to Import WooCommerce Products
  • How to export WooCommerce Orders

Copyright © 2023 · WPFeed.com - A Project of TechAbout LLC.

  • About us
  • Advertise
  • Write for us
  • Terms and Conditions
  • Privacy Policy
  • Contact us