• 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

Copyblogger Style Front Page Grid

A member of the Genesis community recently sent this message :

I am reading your posts and they are great, here you have a new member on January 1st, if I subscribe now I forget about Christmas 🙂 I’m trying to create the post on the front page as copyblogger.com does. I love it, do you think you can do a tutorial of those? If you tell me if I subscribe tomorrow. Thank you

Here’s what you can do using the Genesis Sample child theme to replicate how Copyblogger.com display posts on their front page :

The download package includes CSS for media queries so each entry displays in a single column on smaller screens, as seen in the following demo video :

Demo Video #

Shows a similar layout to the front page of the Copyblogger website which you can use in any Genesis child theme. Note : The code may need modification for usage in other Genesis child themes.

Tested using the Genesis Sample & Authority Pro child themes ( works without any modification ).

Code Installation #

There’s 3 steps relating to usage of the files inside the download folder :

Step 1 : Upload the front-page.php file to the Genesis Sample child themes root directory.

Register for full access

Related Templates

  • Blog Page Templates Like StudioPress

Authority Pro Theme CSS Grid Columns

Reader Interactions

Comments

  1. Darwin Castro says

    December 20, 2018 at 3:03 am

    You are the best brad, thank you so much

    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.