Sridhar Katakam

Genesis and WordPress Tutorials

How to display Posts in Recent, Popular and My Picks tabs in Genesis

by 3 Comments

In my Facebook group a user asked:

just a tutorial idea. Would be great to achieve a post filter like the one used on this blog...

http://witanddelight.com/

In this article we shall replace the default loop on a static homepage of a Genesis site with a custom one in which content is present in three tabs.

Tab 1: Recent - 5 latest posts with a Load More button which will load the next set of latest posts.

Tab 2: Popular - 5 most popular posts based on the number of views. There will not be Load More button here.

Tab 3: My Picks - 5 latest posts having 'My Pick' tag with a Load More button.

genesis-tabs-load-more-ajax

Live Demo

Step 1

Install and activate WordPress Popular Posts plugin.

Step 2

Create a Page named say Home and set it as Front page at Settings > Reading.

Step 3

Add the following in child theme's functions.php:

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

  • How can we add Date and Number of Comments in Popular Posts Tab? I tried this code and it stops loading more posts after first 10 posts. How can i make it unlimited. Thanks

    Reply
    • >