[Resolved] permanent header-image

[rudi]

Hi,
I need help. Can I realized a permanent header-image right under the primary menu (for the home page) and what did I have to do and what image-sizes are possible?

Thank you for your help.

P.S.
Don’t worry about my german english.

[Tom]

Hi Rudi,

You can set the featured image on that page, and it will show up below your navigation: http://en.support.wordpress.com/featured-images/

For more control over the size and other options, our Page Header add-on may work very nicely for you.

Let me know 🙂

[rudi]

Hi Tom,

thank you for your quick response.

I set my website online, so can take a look at it. It is just a simple test, only try and error, but you can see what I’m talking about. I realized the header above the menu the way I think it should has to look. The size of the image must be mutch smaller, but that will come later. My website: http://rudolfhinterding.de

At first: I can live with this, that means the header at the top is on every page. But I rather like to have the headerimage only at the home page. It is, because if I want a page header image for some special pages, the header image at the top plus the header image page seams to be to many images.

The next problem: The header image above the menu contains two pictures. One realiszes as a background-image, the other realized as the logo-image. This is neccessary, because the header image shows an animation (writing text, if it will be finished once). This means a .gif format for the logo-image. Okay, I could make one .gif at last, but that makes the quality of the pictures very bad. That is the reason, I have to make two parts of the animation, one for the background (the pictures), one used as logo (the writring part imn the front).

If it is a big thing and not easy to realized, I’m looking for another solution. It is so easy, to make a page header image (above the content, below the menu). But how can I catch and edit the homepage to insert a page header image, when I did not have a static page for my homepage?

Do you have any idee what could be the best?

Thank you for your help.

P.S. I wish you a happy Christmas and that means, I can wait until these days.

Rudi

[rudi]

Hi Tom,

I must add a new problem with my header-image. It does not work at my iPad/iPhone. At my monitor all seems to be okay.

So long.

Rudi

[Tom]

Hi Rudi,

1. One thing you can do is use the Disable Elements add-on to disable the header on pages where you have a Page Header set – this will eliminate the top header when you have the other header set.

If that doesn’t work for you, I can give you some CSS to hide the site header on all pages except the home page.

2. I’m not too sure what you’re trying to do with the gif and background image – the gif doesn’t seem to be showing up for me. Could you possibly explain a little more?

Thanks, and Merry Christmas to you as well 🙂

[rudi]

Hi Tom,

Thanks for your reply.

About 1.: I’ll give it a try. I’ll tell you.

About 2.: I just load up the animation (as I did at first, the sizes still to big, not ready) included pictures as a whole .gif.-format animation (http://rudolfhinterding.de). The animation part is the feather that is writing the text (not finished). The other pictures just build the background. These other pictures break down the quality by saving all pictures included as a .gif-format. For save the quality of the pictures, I think the only way is to set them as a background-image in the css .inside-header. That works, if background-image and .gif-file have the same x,y-sizes.

Realizing with two files:
The gif-file loaded up as the header-logo will be mostly transparent (except the feather, that writes the text), so the background-image with the better quality is shown.

Hope you know what I try to say.

By the way: Upload the whole gif-file works fine at my iPad/iPhone.

Rudi

[rudi]

Hi Tom! Merry Christmas to you.

I can gladly tell you, I‘m out of problems now.

I solved my problems with the header-image above the menu only for the homepage and my own logo-image instead of that at the other pages.

It seems to me easy, last of all.
I’m not really firm with php and so I was more than happy, as I found a condition to ask for the homepage: is_front_page() ==
But this made my solution perfekt (it seems to me). And it also works perfekt at my iPad/iPhone.

I’m firmly convinced, that you should make a new addon for this.

I included the is_front_page() == querry to display the logo at my homepage or not, that’s all. Okay, a new id and class for the logo-image, to get control of the images, but that was realy all.

You can take a look: http://rudolfhinterding.de/ and click some menu-buttons, to see what happens.

But may I please you to take a look at my added code in the header.php? Specially for the is_front_page() == part.

I don’t know, whether it is okay for all kinds of permalinks.

header.php
…

<?php endif; // end sidebar widget area ?>

<?php if ( empty( $generate_settings[‚hide_title‘] ) || empty( $generate_settings[‚hide_tagline‘] ) ) : ?>

<?php if (is_front_page() == false) : ?> <!– is_front_page() my homepage? –>
<!– If true: display my logo-image above the menu–>
<div class=“site-branding“>
<div id=“frontlogo“ class=“mylogo“>
/wp-content/uploads/2014/12/logo_rh.png“ alt=“Autor Rudolf Hinterding“ title=“Autor Rudolf Hinterding“ />
</div><!– id=“frontlogo“ –>
</div><!– class=“site-branding“ –>
<?php endif; ?>
<?php endif;
if ( !empty( $generate_settings[‚logo‘] ) ) : ?>
<?php if (is_front_page()) : ?> <!– is_front_page() my homepage? If true: display the uploaded logo image above the menu! –>
<!– If false: do nothing with this pages –>

<div class=“site-logo“>
“ title=“<?php echo esc_attr( get_bloginfo( ‚name‘, ‚display‘ ) ); ?>“ rel=“home“>“ alt=“<?php echo esc_attr( get_bloginfo( ‚name‘, ‚display‘ ) ); ?>“ title=“<?php echo esc_attr( get_bloginfo( ‚name‘, ‚display‘ ) ); ?>“ />
</div><!– class=“site-logo“ –>
<?php endif; ?><!– if (is_front_page()) –>
<?php endif; ?>
<?php do_action( ‚generate_after_header_content‘); ?>

…

I whish you the best for your theme. It is so flexible, it works so fine, it makes fun to work with.

Rudi

[Tom]

Hi Rudi,

Excellent job – sorry I couldn’t be more helpful! Spent the day with the family yesterday.

It looks like you ended up doing something similar to this: https://wordpress.org/support/topic/is-is-possible-to-have-two-headers-one-for-different-pages

By the way – your site looks great!

Have a happy New Year! 🙂

[Author]

Posts