How to create static frontpage with Homepage Panes

  • shubham12u

    #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! 🙂

    Luko

    #20077

    Hy,

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

    Prasanna SP

    #20078

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

    ABasketballJones

    #20080

    Is there anyway at all to not show the ”Welcome” part ?

    Prasanna SP

    #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.

    culturalproduct

    #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

    Prasanna SP

    #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.

    culturalproduct

    #20084

    Ahhhhh. Simple now you point it out! Thanks a million. – W

    rfendelman

    #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;
    }
    */

    Prasanna SP

    #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;
    }
Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.