Header image on all pages

  • Hello,

    My home page can be found at https://kelownavirtualassistant.com/.

    The website will link to many other pages. How do I add a header to those pages?

    Peter

    Hello Peter,

    I am not sure if I understood your question.

    Static pages, posts, archive and taxonomy pages use header by default. Do you want to have a Welcome section (first full-width image on the fron page with heading text) on different pages than homepage?

    If so, on what pages should it appear (static pages, blog posts etc.)?

    Thank you,
    Piotrek

    Hello Piotrek,

    What I want is some sort of attractive graphic of my choice at the top of the static pages, posts, etc. Whether it is a Welcome section or something else, I don’t know. I just want some attractive graphic there that provides continuity and will help make this look like a world-class website.

    Please go to https://kelownavirtualassistant.com/ and click on some of the links in the Project Grid Section. You will see pages with NO header at the top. To me that is not as professional as it could be.

    Thank you.

    Peter

    Have you tried using Featured Image option? You can set that image when editing post and it looks really well. You can see the example here:
    http://demo.themely.com/integral/2016/03/16/prepping-for-client-work-and-meetings/

    Thanks,
    Piotrek

    Hello Piotrek,

    I like the idea of using a Featured Image.

    However, when I go to the Themely Support page & search for Featured Image, I get a Nothing Found message. Featured Imaged is not included in the Integral Options.

    I wish you would include the source of something when you answer a question such as this one.

    Where can I find how to set up a Featured Image?

    Thank you.

    Peter

    Hello Peter,

    You should simply edit desired post, Featured Image section will be located in the right menu.

    You may want to see this short video (dashboard is quite outdated, but it doesn’t matter in that case):

    Thanks,
    Piotrek

    I tried what you suggested. But I have a problem

    If you go to https://kelownavirtualassistant.com/promote-instagram/, the Featured Image shows up at the top of the page. If you go to https://kelownavirtualassistant.com/blog/, the featured images does not show up.

    How do I get the featured images to show up all the time?

    Pete

    Hey Peter,

    Unfortunately, featured image works only with blog posts. For static pages, you may want to add images in the content section of the page.

    Adding featured image to the static page would need adding custom PHP code to the template. You can paste code from that link to the 27th line of your Child Themes’ page.php file:

    https://pastebin.com/bW19c0jR

    Cheers,
    Piotrek

    This reply has been marked as private.

    Assuming that I can add a feature image to a page if I add the PHP code to my child theme, I had better set up my child theme. I assumed that it was possible to add a Feature Image to a page and I told my client that I could add pictures to the top of his web pages. I don’t want to lose the contract because I can’t deliver.

    I read over the Knowledge Base article about installing a child theme. It was a bit confusing. It says to go to Appearance > Themes & download the child theme if it is there. Well, Integral is there but “Integral child theme” was not there. What do I do next to set up a child theme for Integral?

    Peter

    Hello Peter,

    This article is all about WordPress child themes, how they work and how to install them. If you want to download Integral Child Theme, please navigate to the Appearance > Setup Integral Pro > Child Themes (placed in the horizontal menu).

    To edit that template file of your child theme, you may want to copy page.php from parent themes’ directory to child themes’ one. You can use any SFTP client to for that.

    You can also use SFTP client to edit page.php file of your child theme, you should paste code from that link to the 27th line of your Child Themes’ page.php file:
    https://pastebin.com/bW19c0jR

    Thanks,
    Piotrek

    Hello,

    My child theme has been successfully installed. So, I guess my next step is to add the following snipped to line 27: <?php if(get_the_post_thumbnail()) { ?><figure class=”post-image”><?php the_post_thumbnail(‘large’,array(‘class’=>’img-responsive’)); ?></figure><?php } ?>.

    Sorry, I’m self taught with knowledge gaps in my brain. I don’t even know what an SFTP client is.

    Please send me a link to an article that will tell me how to add that PHP code snippet to my child theme.

    Thank you.

    Peter

    Hello Peter,

    Here is what you should do in few steps:

    1. Connect to your server using SFTP client (https://kinsta.com/knowledgebase/how-to-use-sftp/ here is the Kinsta host example, you may want to find instructions for your host)

    2. Copy page.php from wp-content/themes/integral-pro to wp-content/themes/integral-pro-child/

    3. Paste the code from this link to 27th line of code. https://pastebin.com/bW19c0jR

    You may want to copy code directly from that source, as it doesn’t include any formatting.

    Thanks,
    Piotrek

    Hello Piotrek,

    Using your instructions, I copied pages.php from Integral-Pro to Integral-Pro-Child. Then I pasted the PHP snippet into line 27.

    Here’s a 41 second YouTube video showing you how I pasted the snippet into line 27. Please watch it and tell me if I did the right thing.

    Now here’s the important question: Does this mean that I can now insert a featured images into any PAGE and not just the posts?

    Peter

    Hello Piotrek,

    The Feature Image shows up on pages now. Thank you very much for your help.

    Peter Enns

You must be logged in to reply to this topic.