Home page landing page

Home Forums Automattic Forefront Home page landing page

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #109488 Resolve

    hornerscornersf

    I’m using this as a restaurant web site. I plan on having a News tab that will be were my blog posts are presented. The home page I’d like to look like the sample that a landing page and people can than see my news page. i was also hoping bellow would be an abbreviated feed that would show my updates. How do I rename the Home page as News and change the order so my About page is the first landing page. Is this realistic.

    As an alternative if need be how do I make the Home page look like the sample. Large Featured Image. Girded posts bellow.

    The Home page is not present in my dashboard > pages menu. So no idea how to customize it.

    The blog I need help with is hornerscornersf.wordpress.com
    #144388

    Kathryn P.
    Happiness Engineer

    You can set a static page like About as your front page by selecting that page as your front page under the dropdown menu at Settings > Reading.

    Right now, that dropdown menu is not showing in your dashboard, because you have only one published page, which is assigned to a parent page that’s currently in the Trash:

    Pages Horner s Corner WordPress

    To fix this, I suggest you restore this page’s parent from the Trash temporarily, and then edit your About page so that it does not have a parent page, by un-selecting the parent from the Page Attributes box.

    Once you do that, the dropdown menu that will let you select a static front page should appear under Settings > Reading, and you’ll then be able to select the About page as your static front page.

    To assign a page other than the homepage as your blog/news area, first create a placeholder page called “News.” You don’t need to add any content to the page other than the title. Then, head to Settings > Reading and select this empty placeholder page called “News” from the front page dropdown menu, next to “latest posts”.

    We have a full, step-by-step guide here on how to set this up:

    http://en.support.wordpress.com/pages/front-page/

    After you’ve had a look, just let me know if you need additional help.

    #144486

    hornerscornersf

    Thank you for helping I’m going to makes this my project tomorrow. I’ll let you know how it goes.

    #144507

    Kathryn P.
    Happiness Engineer

    Sounds good!

    #144623

    hornerscornersf

    Ok so I’ve done a bit of work on my site. Most of the stuff are just place holders. Thank you all your helps been great.

    My next question is what CSS code can you provide to change the hight of the header? Whats it set at now? I’d like it a third smaller.

    In addition can the header be made transparent? So you can see the background.

    Or keeping it white but making it stay fixed at the top when you scroll down. This way the header nave bar is always present?

    Can the header be made as wide as the background so it repeats like the background out ward?

    #144626

    Kathryn P.
    Happiness Engineer

    You’re welcome!

    Learning how to target your site’s CSS will help you make certain design changes. Here are some very helpful posts that will help you customize your site with CSS:

    https://dailypost.wordpress.com/2013/07/25/css-selectors/

    http://dailypost.wordpress.com/2013/06/21/css-intro/

    If CSS is new to you, we also have some resources for learning more about it here:

    You can learn more about using media queries that target certain screen sizes here:

    http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    You can find some CSS tips for transparency here:

    http://css-tricks.com/css-transparency-settings-for-all-broswers/

    If you view the page source in a browser or using one of the tools mentioned above, you’ll see the code for the header portion of your page. It has the ID “masthead” and the class “site-header” so you can target it by adding CSS styles to either:

    .site-header {

    }

    or

    #masthead {

    }

    Depending specifically which portion of the header you want to affect – your logo? the navigation bar? the beer-glass “hero” image (which is actually outside the HTML elements I listed above) – you may want to target a different classes or ID than the ones above.

    If you need help with anything else, could you please start a new thread? Thanks!

    #145361

    Kathryn P.
    Happiness Engineer

    Hi there, I’m going to close this thread since it’s been a while since we heard from you, but feel free to start a new one if you need further help. Thanks!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Home page landing page’ is closed to new replies.