Twenty Seventeen Beitragsbild im Header

Robota

Hallo, wir nutzen auf unserer Homepage (https://bit.ly/2GnefMV) das Theme Twenty Seventeen.
Bei diesem Theme wird auf den einzelnen Seiten oben ein Headerbild angezeigt, so wie im Screenshot, den ich anhänge.

Ich würde das gerne so umstellen, dass im Header das Beitragsbild des Beitrages angezeigt wird,
damit man auf verschiedenen Seiten verschiedene Bilder im Header haben kann.

In der template-parts/header/header-image.php steht dieser Code:

PHP

<div class="custom-header">


        <div class="custom-header-media">
            <?php the_custom_header_markup(); ?>
        </div>


    <?php get_template_part( 'template-parts/header/site', 'branding' ); ?>


</div><!-- .custom-header -->

Alles anzeigen

Ich nehme an, dass ich

PHP

<?php the_custom_header_markup(); ?>

nur mit einem Code für das Beitragsbild austauschen muss, oder?
Leider fehlt mir dieser Code, mit dem man ein Beitragsbild einfügen kann.

Über Hilfe und Tips würde ich mich freuen.

LG Robota

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Raphael

Nö, ist etwas komplexer. Das Problem dabei ist, dass der Header außerhalb des Loops ist und die Beitragsbilder innerhalb des Loops. Man muss also das Beitragsbild ausserhalb des Loops ausgeben, wahrscheinlich als Hintergrundbild.

Hier ein paar (ungeprüfte) Links, vielleicht hilft das ja:
https://makersbyte.com/get-featured-i…loop-wordpress/
https://stackoverflow.com/questions/2992…outside-of-loop
https://wordpress.stackexchange.com/questions/1341…outside-of-loop

Falls du jetzt alleine weiterkommst, ists ja fein. Wenn nicht, bzw. wenn du noch mehr Infos brauchst, poste halt nochmals.

Raphael

So, inzwischen hatte ich etwas mehr Zeit und hab in einer Seite, wo ich das mal gemacht habe, den Code raus gekramt. so könntest du es z. B. lösen:

PHP

<header id="masthead" class="site-header" role="banner">
            <?php $src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full', false, '' ); ?>
                    <div
                         class="oberes-bild  post-thumbnail"
                         style="background-image: url(<?php echo $src[0] ?>);">
                    </div>


 </header><!-- #masthead -->

Robota

Hallo Raphael, danke für deine Hilfe.
Mir ist leider noch nicht klar, wo ich den von dir geposteten Code genau einfügen muss, kannst du mir das noch sagen?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Twenty Seventeen Beitragsbild im Header

Jetzt mitmachen!