Static frontpage in Whitespace Pro

[squid74]

Hi all,

I want to have the default look of the frontpage with the following changes:

1. Instead of posts I want to display teaser to pages and without the date
2. I want to add additional text before and after the teasers

When I look at the frontpage.php I don't understand how the page is constructed.

When I add the code manually (using a static page) the teasers are not in three columns.

Any ideas?

[squid74]

Do I need to make changes in the Genesis theme in the function genesis() ?

[Genesis Developer]

You can do this by following steps:

1. Delete the frontpage.php file from theme folder
2. Create a Static Home page with teaser and content
3. For three columns you can use genesis columns classes or use this shortcodes tips

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[squid74]

For some reason these column classes don't work. Not with shortcodes. Not with raw divs.

[Genesis Developer]

Ok. then you need to add the following CSS in your style.css file.

/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}

@media only screen and (max-width: 767px) {

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

}

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[tiffanyb]

@squid74 - Did you get your question answered? I'm trying to do the same thing with my front page.

[Genesis Developer]

@squid74: Add the following code in your functions.php file

function show_pages_on_home( $query ) {
  if ( $query->is_home() && $query->is_main_query() ) {
    $query->set( 'post_type', 'page' );
  }
}
add_action( 'pre_get_posts', 'show_pages_on_home' );

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[Author]

Posts