In my Facebook group a user asked:
Hi Sridhar! Do you have an idea how to accomplish something like the three featured images at the top of this site that have the tabs for featured, popular etc? http://www.gimmesomeoven.com/ Thanks!
The referenced site uses Hello Ajax Tabs WordPress Widget plugin for displaying widgets in tabs.
In this tutorial's implementation though, we shall load jQuery UI which WordPress comes with for displaying widgets placed in three widget areas as tabs in the front-end on the front page in Genesis with post titles overlayed near the bottom on top of featured images.
Screencast:
Screenshot:
For Featured Posts we shall display 3 most recent Posts from a specific Featured category using the Flexible Posts widget plugin's widget.
For Popular Posts we shall use WordPress Popular Posts plugin's widget to display 3 most viewed Posts.
For Latest Posts, we shall use another Flexible Posts widget to display 3 most recent Posts.
While the tutorial has been written for Genesis Sample child theme it should work with minor adjustments in any Genesis child theme.
Step 1
Add the following in child theme's functions.php:
