get header image

herzblutloewe

Hallihallohallöchen,

komme da bei einer Kleinigkeit nicht direkt weiter.
Mein gekauftes Theme bietet im Backend unter "Anpassen" an, ein Headerbild auszuwählen. Dieses ist für alle Seiten gleich.
Habe nun verschiedene Header-Templates erstellt und möchte auf manchen Seiten ein anderes Bild haben.
Dieses Bild liegt in der Wordpress-Mediathek. Allerdings schaffe ich es nicht es im Template einzufügen.
Entweder ist die Seite leer (Fehler) oder immer noch das alte Bild drin.

Der Code sieht folgendermaßen aus:

PHP

<div id="parallax-bg">
        <center><div class="container" style="margin-top: 8em;">
                <script type="text/javascript">
                jQuery(document).ready(function() {
                jQuery( '.textlayer' ).animate( {
                    opacity:1.0,
                    fontSize: '90px',
                    }, 0001);
                });
                </script>
                <span class="textlayer">hier steht Text</span>
            </div></center>
        <?php
        if( get_theme_mod( 'header_image_responsive_on_off' ) == 1 && get_theme_mod( 'radiate_slide_on_off' ) == 0 ) {
            $header_image = get_header_image();
        ?>
            <div class="header-image-wrap"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
            </div>
        <?php
        }
        if( get_theme_mod( 'radiate_slide_on_off' ) == 1 ) {
            if( ( is_home() || is_front_page() ) && ( get_theme_mod( 'radiate_slide_all_page' ) != 1 ) )
                radiate_slider();
            elseif ( get_theme_mod( 'radiate_slide_all_page' ) == 1 )
                radiate_slider();
        }
        ?>
    </div><!-- #parallax-bg -->

Alles anzeigen

Anstatt = get_header_image() habe ich die URL eingefügt, oder habe die URL in () eingefügt,
unter anderem habe ich es auch schon hiermit probiert, klappt aber alles nicht.

PHP

<div id="parallax-bg">
        <center><div class="container" style="margin-top: 8em;">
                <script type="text/javascript">
                jQuery(document).ready(function() {
                jQuery( '.textlayer' ).animate( {
                    opacity:1.0,
                    fontSize: '90px',
                    }, 0001);
                });
                </script>
                <span class="textlayer">hier steht Text</span>
            </div></center>
        <?php
        $header_image = "http://neu.meine-homepage.de/wp-content/uploads/2015/05/header-image-page-xy.jpg"; ?> 


    </div><!-- #parallax-bg -->

Alles anzeigen

Danke für eure Hilfe schon mal im Vorraus,
Herzblutloewe

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

Presskopp

Das hier ist die Stelle an der aus der Header-Bild-Information HTML wird:

Beispiel:

PHP

<img src="<?php echo( get_header_image() ); ?>" alt="<?php echo( get_bloginfo( 'title' ) ); ?>" />

Da könntest du also deine URL einfügen, und was vorher mit [COLOR=#0000cd]$header_image = get_header_image();[/COLOR] geholt wurde ist dann in dem Moment irrelevant.

Die entsprechend anzupassende Stelle ist bei dir diese hier:

PHP

<div class="header-image-wrap"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
            </div>

herzblutloewe

Also hab ich es die ganze Zeit an der falschen Stelle geändert :D
Danke.

Jedoch hab ich es jetzt folgendermaßen gemacht und komme zu keinem Ergebnis (Bild wechselt nicht).

PHP

<div id="parallax-bg">
        <center><div class="container" style="margin-top: 8em;">
                <script type="text/javascript">
                jQuery(document).ready(function() {
                jQuery( '.textlayer' ).animate( {
                    opacity:1.0,
                    fontSize: '90px',
                    }, 0001);
                });
                </script>
                <span class="textlayer">hier steht Text</span>
            </div></center>
        <?php
        if( get_theme_mod( 'header_image_responsive_on_off' ) == 1 && get_theme_mod( 'radiate_slide_on_off' ) == 0 ) {
            $header_image = get_header_image();
        ?>
            <div class="header-image-wrap"><img src="http://neu.meine-homepage.de/wp-content/uploads/2015/05/headerbild.jpg" alt="<?php echo( get_bloginfo( 'name', 'display' ) ); ?>" />
            </div>
        <?php
        }
        if( get_theme_mod( 'radiate_slide_on_off' ) == 1 ) {
            if( ( is_home() || is_front_page() ) && ( get_theme_mod( 'radiate_slide_all_page' ) != 1 ) )
                radiate_slider();
            elseif ( get_theme_mod( 'radiate_slide_all_page' ) == 1 )
                radiate_slider();
        }
        ?>
    </div><!-- #parallax-bg -->

Alles anzeigen

Lieben Dank,
Herzblutloewe

Presskopp

Was meinst du mit "Bild wechselt nicht"? Wird denn eins angezeigt oder was wird sonst angezeigt? Bin sonst auch ratlos.

herzblutloewe

Zitat von Presskopp

Was meinst du mit "Bild wechselt nicht"? Wird denn eins angezeigt oder was wird sonst angezeigt?

Das alte, voreingestellte Bild.

Presskopp

Das kann ich mir nur so erklären, daß dein template gar nicht benutzt wird.

Hast du das hier schon durch? https://codex.wordpress.org/Page_Templates

herzblutloewe

Zitat von Presskopp

Das kann ich mir nur so erklären, daß dein template gar nicht benutzt wird.

Ja doch, header.php wird abgerufen. andere änderungen sind wirksam, nur das headerbild kann ich nicht so ändern wie oben diskutiert :(

aber danke für hilfe

Willkommen! Melden Sie sich an oder registrieren Sie sich.

get header image

Jetzt mitmachen!