• Skip to primary navigation
  • Skip to content
  • Skip to primary sidebar
  • Skip to user navigation

PopWP

WordPress and Genesis Tutorials

  • Get Started
  • About
  • Archive
  • Services
  • Membership
  • My Account

Featured Post design having 3 articles in 2 columns in Genesis

Last Updated on May 13, 2019 Favorited: 2 times

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

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

Already a member? Log in below or here.

 
 
Forgot Password

Related Posts

  • Magazine style featured posts design in Genesis Sample
  • Featured Post design having 5 articles in 2 columns in Genesis
  • Display Featured Posts on front-page widget in two columns in Genesis Sample
  • Simple Related Posts in Genesis

Categories: Genesis Tutorials, Premium Content Tags: featured home, featured posts, featured section

Primary Sidebar

Search

WPEngine WordPress Hosting, Perfected.

Hosting You are looking for?.
Perfect solution for small business to global enterprise.

Learn more

StudioPress Genesis Theme Framework

The No.1 Theme Provider.
Creative, SEO rich Theme for all niche projects.

Learn more

Categories

  • Free Content
  • Genesis Tutorials
  • Premium Content
  • Snippets
  • What's New?
  • WordPress Tutorials

Tag Cloud

Archive Background Section blog canvas menu center logo columns conditional tags CSS CSS Grid custom Customizer custom post type Custom Post Types custom template Custom Widget effect eNews Extended Featured Image front-page Genesis Genesis Sample header right hero section Image Background js layout left menu Logo menu Navigation Menu newsletter post page related posts responsive menu search search widget Shrinking Logo site header slide in-out Stylesheet Template Utility Bar Video Background widgets WordPress

Built with Genesis Framework + WordPress by Aryan Raj

  • Contact
  • FAQ
  • Disclaimer
  • Privacy Policy
  • Copyright Policy
  • Terms of Service