Support » Allgemeine Fragen » Wie füge ich ein Header-Bild ein?

Ansicht von 6 Antworten - 16 bis 21 (von insgesamt 21)
  • Und jetzt ist das Headerbild in allen Browsern sichtbar. Vorhin hatte ich es noch im Inkognitomode (Chrome, also NULL Cache) so gesehen wie auf dem Screenshot im vorherigen Post von mir, oben).

    Das Problem scheint gelöst zu sein.

    Und schon wieder sehe ich kein Headerbild. Ah ❗
    Zwei Monitore, zwei Bildschirmauflösungen, derselbe Browser zeigt mir in einem Monitor das Bild nicht an, im anderen Monitor schon. Ich grüble …

    Alles klar ❗❗❗
    Angezeigt wird nur das Bild 1150px Breite
    Da responsive (oder besser gesagt srcset) plus unterschiedliche Bildschirmauflösungen wird einmal das (mit http ❗❗❗) verlinkte Bild mit 1500px Breite angefordert und nicht angezeigt, da http. Bei einer anderen Auflösung wird das Bild mit 1150px Breite angefordert und (da https) auch angezeigt.

    Wir sind also wieder im ersten Thread, bei dieser Antwort:
    https://de.wordpress.org/support/topic/umstellung-auf-https-3/#post-133761

    Das Problem liegt (wie schon mehrfach angesprochen) im fehlenden https.

    @wilber002

    Also, du solltest auf jeden Fall das Problem mit dem mixed Content =https/http lösen (wie, wurde bereits erklärt).

    Für das Headerimage gibt es jedoch auch eine andere Lösung, nämlich es als Hintergrundbild einfügen. Dafür entferne das jetzige Headerbild wieder (nicht aus der Mediathek löschen, sondern nur aus dem Logo entfernen).

    Im Customizer -> Zusätzliches CSS füge das folgende ein:

    header#masthead {
        background-image: url(https://humanitysteam.biz/wp-content/uploads/2022/08/hintergrund_Kopf.jpg);
        background-position: center center;
        background-size: cover;
        min-height: 300px;
    }

    damit sieht das dann so aus:

    Thread-Starter wilber002

    (@wilber002)

    Super, vielen, vielen Dank,
    ihr habt euch ja viel Mühe gegeben.

    Ist jetz o.k. Muß jetzt nur noch die Breiten anpassen.

    Habe unter „Zusätzlichem CSS“ deinen Code eingegeben.

    Ergebnis:

    Wird jetzt auch unter Firefox mit https dargestellt.

    Thread-Starter wilber002

    (@wilber002)

    Breite korrigiert.
    Jetzt bin ich ganz zufrieden.
    Danke nochmal.

    Thread kann geschlossen werden.

    Danke für die Rückmeldung und “Gelöst”-Markieren. 👍

Ansicht von 6 Antworten - 16 bis 21 (von insgesamt 21)