How to create static frontpage with Homepage Panes

shubham12u
November 21, 2011 at 3:19 pm #2395

Alain RONK asked a question about creating a homepage like this,

This can be achieved by using static frontpage and Graphene Homepage Panes. In this post I’m going to show how to create a static frontpage with Homepage Panes.

First step: Create a new Page with some content in it, like welcome note. Of course, give it a title.

2nd step: Go to Settings–>Reading settings

3rd step: In Reading Settings–> Front page displays, select “A static page“. Then select the welcome page that you created in the first step for Front page.

4th step: Click on Graphene Options under Appearance.

5th step: In Graphene Options–> General–> Homepage Panes, select the “Type of content to show“, i.e Latest posts/Latest posts by category or Posts and/or Pages. Then enter the “Number of posts to display” of your choice. (example: 6 or 8). Then save Settings.

That’s all!! Now open your site and check whether the panes are showing up properly or not.. 😉

Bug: There is a bug in Graphene 1.5.5 which replicates the post excerpts in panes. To solve this issue, open footer.php file and remove this line,

<?php do_action( 'graphene_bottom_content' ); ?>

Leave comments. Thank you! 🙂

Anonymous
December 12, 2011 at 2:54 pm #20077

Hy,

is there any way to move the slider after posts, like in “classic” mode without homepage panes?

Anonymous
December 12, 2011 at 4:15 pm #20078

Graphene Options–> Slider Options–> check “Move slider to bottom of page” and save.

ABasketballJones
January 27, 2012 at 7:43 am #20080

Is there anyway at all to not show the ”Welcome” part ?
Anonymous
January 27, 2012 at 7:59 am #20081
Yes, you can. Add this code to your child theme’s style sheet or in Graphene Options –> Display –> Custom CSS
```
.post-427 {

display: none;

}
```
Note: post-427 is the ID of Home page in your website.
Anonymous
March 4, 2012 at 4:57 am #20082

Hi there,

Great theme. I’ve returned to this after trying several others but nothing beats Graphene flexibility.

I tried

.post-427 {

display: none;

}

But the “welcome” message and its box are still there. 4glory.co

Any idea?

Thanks – W
Anonymous
March 4, 2012 at 5:02 am #20083
@culturalproduct post-427 is the id of my static homepage, not yours’.

To hide anything4glory in your site, add this to custom CSS.
```
.post-4 {

display:none;

}
```
Where post-4 is the ID of anything4glory page in your site.
Anonymous
March 4, 2012 at 5:22 am #20084

Ahhhhh. Simple now you point it out! Thanks a million. – W
rfendelman
April 2, 2012 at 2:41 pm #20086
HI:

I tried that and it does not work for me. I still have the white box with the title of the page. I put the code in my child theme .css where it said to at the bottom between the /* and */ Does it matter that mine is a page and not a post? http://www.ARTvnet.com
```
/*

Theme Name:     Graphene Child

Theme URI:      http://example.com/

Description:    Child theme for the Graphene theme

Author:         Richard Fendelman

Author URI:     http://example.com/about/

Template:       graphene

Version:        1.0

*/

@import url("../graphene/style.css");

/*

.post-5 {

display: none;

}

*/
```
Anonymous
April 2, 2012 at 2:44 pm #20087
Don’t comment your modifications!

Try this,
```
/*

Theme Name: Graphene Child

Theme URI: http://example.com/

Description: Child theme for the Graphene theme

Author: Richard Fendelman

Author URI: http://example.com/about/

Template: graphene

Version: 1.0

*/

@import url("../graphene/style.css");



.post-5 {

display: none;

}
```