How to have one header for landing, one for remaining pages

  • Author
    Posts
  • #38815

    I am using Tempera 1.4.3 on WordPress 4.6 install, currently on localhost.

    I have not enabled the Presentation page, and am using the one column, right sidebar as my basic template. My custom logo for the site landing page is set as 400px with 20 px content spacing, centered in the header area. The logo and the menu bar fill one screen worth of space. This is what I want for my landing page.

    However, the main flaw with it is that although you click on the menu items, you cannot see any pages change on the screen unless you scroll. Therefore . . .

    What I want to do is have a second header that is only 120 px. tall and positioned to the left as the header for the rest of the site.

    I have tried to understand the WordPress codex on how to do this, but this theme uses cryout_hooks. I do not know code to play with it and so I do not know how I can change this. I considered making a child theme using the new header specs in it but I can see no place to use it. I have a number of themes I was trying out but they don’t show on the Page Template selection menu and so I don’t see how a child theme could be used by this method, and there is no such option that I can see for choosing a template for the posts themselves.

    Is there a simple solution to be able to do this? I really would like to keep the large header on the landing page, but it is a hindrance for everything else.

    I have images of what I have and what I want but because it is on localhost I am not able to fill in the url to show them. Any help would be most appreciated.

    #38950
    Kay
    Cryout Creations mastermind

    I think a solution isn’t that difficult. What you really need is a page template.

    So basically make your logo 120px (or whatever will work with the rest of your site).

    Next you need to create a page template that only displays the featured image and the menu ( I’ve created one for you http://img.cryout.eu/template-landing.zip ). That will only be used as your landing page.

    So add the template-landing.php template file to the theme’s /templates folder. Next create a new page, give it a name (‘Home’) assign it the new Landing Page template from the Page Templates dropdown, select your big header image as the featured image for the page, and publish the page.

    Next go to the WP Dashboard >> Settings >> Reading and select the newly created page as your Front Page then go and check it out 😉

    Good luck!


    Before posting consider reading our short theme debugging instructions.
    Please read the FAQs: MantraNirvanaParabolaTempera
    Tutorials: custom menustranslating themeinstalling themecategory page with introdisabling comments Wordpress: child themescategories/posts
    Before making any modifications to your theme we strongly recommend using Child Themes.
    #38952

    Your solution works beautifully! I was going at it all from the wrong direction (trying to change all the other pages). Thank you so very, very much for your template and help. I had almost resigned myself to settling for the small logo. Again, thank you.

    #38953
    Kay
    Cryout Creations mastermind

    Really glad to hear it’s working like you wanted to. Just one more pretty important thing I left out: if you want to be able to keep updating the theme (we have some pretty juicy updates lined up) you should place the landing page template and use it from within a child theme.

    I don’t know how familiar you are with child themes but they’re really easy to use (at minimum it’s a style.css file). Here’s a cheat sheet about child themes to get you going: https://www.cryoutcreations.eu/wordpress-themes/wordpress-tutorials/wordpress-child-themes/5 Step 1 should be enough for what you need.

    Then you should also create a folder called templates (next to the style.css file) and then place template-landing.php there. You’ll probably also have to select it as page template for your front page.

    Good luck!


    Before posting consider reading our short theme debugging instructions.
    Please read the FAQs: MantraNirvanaParabolaTempera
    Tutorials: custom menustranslating themeinstalling themecategory page with introdisabling comments Wordpress: child themescategories/posts
    Before making any modifications to your theme we strongly recommend using Child Themes.
    #39044

    Just got back to my emails. You have been so helpful Kay. Thank you again so very much.

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

The topic ‘How to have one header for landing, one for remaining pages’ is closed to new replies.