Display Latest Post In Each Category In Portfolio Style 3 Column Layout

Oct 9, 2013

—

In this post, i’ll provide all the code which creates a new page template you can use anywhere on your site.

The page template generates 9 widget areas which you can populate using the Genesis Featured Posts widget.

Here’s the result using the the new Lifestyle Pro child theme by StudioPress.

One of the benefits of using this code is the way the featured images display perfectly inline even if your latest post titles for each category aren’t the same length.

Code

Here’s all the code which is marked with the file names you need to paste it into.

Genesis Featured Posts Widget Settings

Once you’ve added all the code, you may want to use the same widget settings as i used in the above screenshot.

Mobile Responsive Design CSS

Here’s what the page template looks like on a smaller screen.

If your site uses more than 9 categories, you can easily add more to the page template and your child themes functions file.

Other Methods

Archive Page Grid Style Columns Using CSS

Comments

6 responses to “Display Latest Post In Each Category In Portfolio Style 3 Column Layout”

Nate

October 24, 2013

Hi

I am loving your great tutorials.

I am using Metro Pro theme and there isn’t a page_widgets.php file…

What do I do? Or where is it located?

Log in to Reply
1. Brad Dalton
  
  October 24, 2013
  
  What do you want to do?
  
  Log in to Reply
Valerie Lynn

October 20, 2013

Brad, thank you. This tutorial helped me do what I needed to do on the homepage of one of my sites and I was wracking my brain for two days with the Genesis Grid Loop.

Your posts on the Genesis forum and here on your site have been incredibly helpful. What I like most is how you make everything easy to implement.

Thank you so much!

– Val

Log in to Reply
1. Brad Dalton
  
  October 20, 2013
  
  My pleasure Val.
  
  The StudioPress community have been very good to me and its a real pleasure giving back to those people who have been appreciative.
  
  Its a win win healthy ecosystem
  
  Log in to Reply
Zimbrul

October 10, 2013

So there is a page with 9 widgets areas and each of the widgets is populated with one post via Genesis Featured Posts Widget.
Won’t be the same if you use 3 widgets with 3 posts in the Genesis Featured Posts Widget settings and restrict the text length via the widget settings?

Log in to Reply
1. Brad Dalton
  
  October 10, 2013
  
  There’s 9 widgets however they are all conditional so no problem when not populated.
  
  I think its better just to display the title and featured image.
  
  Its a great way to display the latest post from every category on one page and its a request i’ve been asked many times.
  
  Finally had time to code it into a template which works with any child theme running Genesis.
  
  Log in to Reply