Jump to content

- - - - -

categories grid on frontpage

  • Please log in to reply
3 replies to this topic

#1 fkpress†


    Advanced Member

  • DMS Subscriber†
  • 41 posts
  • LocationErfurt, Germany

Posted 24 June 2013 - 10:37 AM

hi there,


how do i realize a frontpage like this, with grid-view for each category?



Attached Files

#2 James B†

James B


  • DMS Subscriber†
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 24 June 2013 - 08:52 PM

Hi there,


I would say your best option would be to set the site to magazine mode for the first two posts, and set the post page to display only two posts in the settings.


Then directly under that in a content box use the special recent posts plugin -

Please Login or Register to see this Hidden Content

or maybe anyloop - http://www.pagelines.com/store/sections/anyloop/ (check with the developer it can handle this layout, it seems like it can) to implement the group of posts below the two main feature posts.

#3 fkpress†


    Advanced Member

  • DMS Subscriber†
  • 41 posts
  • LocationErfurt, Germany

Posted 25 June 2013 - 07:17 AM

i will try it - thank you!

#4 Rob


    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 25 June 2013 - 03:04 PM



You create a grid in which one row has the titles, followed by rows for content.  Another grid below that repeats the process.


The grid should use 6 (half the max 12) to create 50% columns.


In the content area, I'd recommend using Special Recent Posts to fetch the content.  This uses customized shortcode to place the post loop (title, link, thumb, excerpt, etc.). 


You may need some customized CSS to increase the max size of the thumbs to accommodate the larger size images. SRP has special classes for each element making that very easy.


Since SRP can use categories, you assign the matching category to the shortcode for posts from each to appear.  Done properly, it will rotate content for you.