This tutorial provides the steps to add a responsive Featured Post widget design having 3 articles in 2 columns in the Genesis Framework.
Tested on Genesis Sample 2.6.0+
Prerequisite:
The first thing we need to decide is where you want to show this section. Genesis Sample doesn't have any Widgetized frontpage by default.
We will first Register a widget area and then we will display this widget area for Post page = is_home()
We will also add a conditional tag is_paged() to have more control over the widget area on the BLOG page. Most of the time, we don't want to show this widget area on pagination.
It is recommended to read this: Register a Widget area for Frontpage or Home in Genesis.
We will also modify the Post date Genesis shortcode to show a relative format days/week/month/year ago.
Let's see How we can do it.
STEP 1
Register a `featured-home` widget area using this in functions.php
//* Register a widget area `featured-home` in functions.php
genesis_register_widget_area(
array(
'id' => "featured-home",
'name' => __( "Featured Home", 'genesis-sample' ),
'description' => __( "This is the featured home section.", 'genesis-sample' ),
)
);
STEP 2
Display this widget area after site header with the help of Genesis Visual hooks, find Genesis Hook reference list.
We will display it on the post page, and should not be pagination.
Display `featured-home` widget area using this in functions.php