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

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

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

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.

widget category archive

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.

widget settings

Mobile Responsive Design CSS

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

mobile responsive css

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

Reader Interactions

Comments

  1. Nate says

    October 24, 2013 at 2:41 am

    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
    • Brad Dalton says

      October 24, 2013 at 8:31 am

      What do you want to do?

      Log in to Reply
  2. Valerie Lynn says

    October 20, 2013 at 12:34 am

    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
    • Brad Dalton says

      October 20, 2013 at 5:50 am

      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
  3. Zimbrul says

    October 10, 2013 at 10:10 am

    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
    • Brad Dalton says

      October 10, 2013 at 10:23 am

      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

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.