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

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Featured Posts With Pagination In Widget Area Using Business Pro

This coded solution produces a responsive grid of posts in equal height with pagination displayed in the front page 2 section on the front page of the Business Pro child theme for Genesis.

featured posts with pagination in Genesis

You can also display your posts from one or more categories using any of the WP_Query args.

Demo Video

Shows posts with pagination displayed in the 2nd section on the front page of the Business Pro theme for Genesis.

Tested using Business Pro however will work in other Genesis child theme with some modification required.

Installation Steps

There’s 4 steps :

  1. # Upload the front-page.php file to the Business Pro theme folder replacing the default front page template. Code has been added between lines 58 – 64.
  2.  

  3. # Copy & paste the PHP code ( excluding the opening PHP tag ) from the functions.php file to the end of your Business Pro themes functions file.
  4.  

  5. # Copy & paste the CSS from the style.css file to the end of your Business Pro theme style sheet and clear caching. This CSS displays posts in a 3 column grid.
  6.  

  7. # In your WordPress Dashboard, change the Reading settings to Your homepage displays : Your latest posts
  8.  

Download Folder

Show Specific Posts

You can add to or modify any of the parameters in the array of $args using any WP_Query parameters. If you want to show posts from one specific category, you can add this argument to the existing array in functions.php:

'category__in' => 4,

Where 4 is the ID of the posts category you want to display.

Related Tutorials

  • Genesis Featured Posts With Pagination

Business Pro Theme CSS Grid Columns Genesis Featured Posts

Reader Interactions

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.