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

WP SITES

2470

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Subscribe
  • Register
  • Videos
  • Log in

Need Help? - Get Coding Support Now

Make Archive Pages Look Like Home Page Widget Areas

This tutorial enables you to display any type of archive exactly the same as the front page which uses widgets in Metro Pro.

Based on this question from a member of the Genesis community.

Is it possible to make category pages look like the homepage?

Firstly, click the following image to enlarge and view the result :

And here’s the demo video :

Demo Video

Shows the news archive with 6 posts displayed the same as the front page widget areas.

The code enables you to target each post so you can position and style each differently including elements within each entry, using CSS Grid templates areas.

Template Installation

There’s 2 simple steps :

Step 1 : From the download folder, upload the file named category.php to your child themes root directory.

Step 2 : From the download folder, copy & paste the CSS to the end of your child themes style.css file.

On Other Archive Page Types : Name the file using the WordPress Template Hierarchy for usage on blog listings page, author, blog, category, search, tag, custom post type & taxonomy type pages.

Here’s the download folder for logged in members:

Click here to get full access to all tutorials

Grid Columns Metro Pro

Primary Sidebar

Recently Coded

  • Magazine Pro – Move Entry Date Back To The Default Position In The Post Info
  • Showcase Pro – Remove Featured Image & Show Same Page Header
  • Infinity Pro – Change Team Page From 4 To 3 Columns
  • Infinity Pro Vertical Menu
  • Genesis Sample Theme – Custom Archive Page Template With Different Hero Images

Brad Dalton Specializes In Genesis child theme customization & code modification.

Advertise · WPEngine · Genesis · Log in

  • Membership
  • by Theme
  • Contact
  • RSS
  • Newsletter ( Twice Weekly )