How to setup Static home page …

  • Dhurander

    #3311

    Hi Friends,

    I am new to the website development but have done lots of Windows programming. I have started setting up a website using WordPress and Graphene theme. So far loving it.

    Now here is a question … ideally I would like to setup a static home page (with slider) and a separate section for blog (with or without slider). I do want both of these pages to have a consistent look (Graphene theme look). I have seen this on Prasanna’s website. I am wondering is this hard to do? If no, can you please guide me to right posts, links.

    Thanks, I appreciate your help.

    My website is at http://www.MagarpattaOnline.com

    Dhurander

    John McCubbin

    #24309

    In your dashboard go to Settings > reading and choice static home page

    Dhurander

    #24310

    Thanks.

    I was able to achieve the basic functionality after reading the following post on Prasanna’s blog,

    How to enable Homepage Panes in Graphene Theme

    Now the question is, is it possible to have a different layout for the home page and a different layout for the blog/posts pages?

    Please see my website at http://www.MagarpattaOnline.com … ideally I would like

    – a single-column layout for the static page (welcome) and a two-column layout for the blog page

    – show footer only on the blog and no footer for the home page

    I would appreciate any help in this regard.

    Thanks

    Dhurander

    Prasanna SP

    #24311

    You need to create another blank page (Call it “Blog”). Then go to Settings –> Reading Settings and select “Blog” page in “Posts Page”

    – a single-column layout for the static page (welcome) and a two-column layout for the blog page

    Edit the static front page and select “One column, no sidebars” template.

    To remove footer on front page,

    .home #footer {
    display: none ;
    }

    Dhurander

    #24312

    Thanks Prasanna.

    Setting the “one column, no sidebars template” solved my first issue.

    Awesome.

    Adding the following code did hide footer on my home page,

    .home #footer {
    display: none ;
    }

    However what I want to hide is the Footer widget area (sorry I was not very clear before).

    Also, on the Home page is it possible to put the Welcome text first and then the slider?

    Thanks again for all your help.

    Dhurander

    Tee

    #24313
    #footer {
    display: none;
    }

    Should hide the whole footer.

    Prasanna SP

    #24314

    Add this,

    .home #sidebar_bottom {
    display: none;
    }

    @tee_888 he wants to hide footer widget area only for the frontpage, not the whole footer from the site.

    Dhurander

    #24315

    Thanks Prsanna!

    As always, right on the bull’s eye. 🙂

    From the answers you gave me in last few days I am very impressed by the power of the CSS and the Khairul Syahir for writing such an extensible theme. Is there a DOC or a post which lists these objects (#footer, #sidebar_bottom, .home, etc.) and their properties (disaply, background, margin-top etc)?

    Thanks.

    Dhurander

    Prasanna SP

    #24316

    Is there a DOC or a post which lists these objects (#footer, #sidebar_bottom, .home, etc.)

    You can use firebug ( https://addons.mozilla.org/en-US/firefox/addon/firebug/ ) firefox extension to inspect the CSS. Another useful tool is Web developer – https://addons.mozilla.org/en-US/firefox/addon/web-developer/

    Josh has a wonderful video tutorial on firebug – http://www.joshlobe.com/2011/10/using-mozilla-firebug-to-inspect-css-files/

    Prasanna SP

    #24317

    Hey! Another tip. If you want to hide that Welcome page add this to custom CSS.

    .post-41 {
    display: none;
    }
Viewing 10 posts - 1 through 10 (of 24 total)

You must be logged in to reply to this topic.