Get New Clients If You Don't Like Social Media | Netklik

SPEAK to be FOUND

  • English
  • Español
  • Home
  • About
  • Work with me
  • Ebooks
  • Infographics
  • Testimonials
  • Contact
  • Blog

How to add Blog posts to a static home page in Genesis for WordPress

October 13, 2014 Leave a Comment Netklik

Tweet
Share
Pin
Share
0 Shares

Usually, when we develop websites in WordPress, we can choose between two options:

  1. Have a static home page
  2. Have a blog on the home page and show the most recent post

Recently I was working on a website that had a different requirement. In this case it was important to have a static home page and at the same time show the most recent blog posts below the static home page.

After some research, I found the following website that includes an excellent explanation of how to achieve this change: : http://sridharkatakam.com/show-latest-posts-content-homepage-genesis/

In order to do this, one has to register a new widget area called: Home Below Content, and then one drags the widget from Features posts in Genesis to the recently created widget in Home Below Content.

These are the steps I followed:

  1. Create the widget Home Below Content

In order to do this it is necessary to add the following code to functions.php inside the child theme:

// Register widget area
genesis_register_sidebar( array(
	'id'				=> 'home-below-content',
	'name'			=> __( 'Home Below Content', 'genesis' ),
	'description'	=> __( 'This is the home below content section.', 'genesis' ),
) );

//* Add the Home Below Content section
add_action( 'genesis_entry_content', 'sk_show_posts' );
function sk_show_posts() {
	if ( is_front_page() ) {
		printf( '<div %s>', genesis_attr( 'home-below-content' ) );
			genesis_widget_area( 'home-below-content' );
		echo '</div>';
	}
}

//* Modify the Excerpt read more link

function new_excerpt_more($more) {
    return '<a class="more-link" href="' . get_permalink() . '"> [Continue Reading]</a>';
}
add_filter('excerpt_more', 'new_excerpt_more');

2. Add the following code to the style.css file that corresponds to the child theme:

.entry-content a.alignleft,
.entry-content a.more-link {
	border-bottom: none;
}

.entry-content a.alignleft img {
	margin-right: 2rem;
}

.home .entry-content .widget-title {
	font-size: 3.6rem;
	text-transform: none;
}

2. On the WordPress dashboard, go to Appearance>Widgets, drag the widget in Featured Posts to the widget Home Below Content.  Once this is completed, it is possible to configure it. For example, it is possible to specify the categories one wants to show, the number of posts, it one wants to include a thumbnail for an image, etc.

3. Update the website in the browser and enjoy the results.

Tweet
Share
Pin
Share
0 Shares

Filed Under: Wordpress Tagged With: Genesis, Wordpress

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Posts

  • How to build today the business of tomorrow
  • Why Some businesses stand out (while others are ignored)
  • How to connect emotionally with your client (In the new era)
  • How to have a more human brand (essential principles)
  • How to pivot your service based business during a crisis

Archives

  • November 2023
  • October 2023
  • April 2020
  • March 2020
  • December 2019
  • October 2019
  • August 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • February 2019
  • November 2018
  • September 2018
  • August 2018
  • May 2018
  • February 2018
  • December 2017
  • November 2017
  • October 2017
  • August 2017
  • July 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • February 2016
  • October 2015
  • March 2015
  • February 2015
  • January 2015
  • October 2014
  • September 2013
  • February 2013
  • August 2012
  • February 2012
  • June 2011
  • May 2011
  • March 2011
  • February 2011
  • January 2011
  • December 2010

Follow me

RSStwitterfacebookpinterestinstagram

Copyright© 2026 · Netklik, LLC | Privacy Policy | Disclaimer