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.
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 :
- # 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.
- # 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.
- # 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.
- # In your WordPress Dashboard, change the Reading settings to Your homepage displays : Your latest posts
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.
Was This Tutorial Helpful?