Wie füge ich ein Header-Bild ein?

Gelöst wilber002
(@wilber002)

vor 1 Jahr, 6 Monaten

Ich habe anstatt ein Headerbild mein Logo als Header angezeigt. Darauf hatte mich Angelika Reiser hingewiesen.

Das hatte wohl zur Folge, dass ich beim Umschalten von http auf https den Header/Logo nicht mehr angezeigt bekomme (jedenfalls bei Firefox, in MSEdge wird er angezeigt, siehe Screenshots unten).

Ich verwende das Theme „GeneratePress“.

Ich möchte jetzt generell wissen, wie ich ein Headerbild einfügen kann. Muß ich das über das Einfügen eines Widgets machen?

Hier die Screenshots:
– Mit Headerbild in MSEdge:

– Ohne Headerbild:
Ohne Headerbild:

Vielen Dank, ich stehe noch am Anfang mit WP.

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

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

← 1 2

Moderator Angelika Reisiger
(@la-geek)

vor 1 Jahr, 6 Monaten
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.
- Diese Antwort wurde geändert vor 1 Jahr, 6 Monaten von Angelika Reisiger.
Moderator Angelika Reisiger
(@la-geek)

vor 1 Jahr, 6 Monaten

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.
Moderator Angelika Reisiger
(@la-geek)

vor 1 Jahr, 6 Monaten
@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)

vor 1 Jahr, 6 Monaten

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)

vor 1 Jahr, 6 Monaten

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

Thread kann geschlossen werden.

Moderator Hans-Gerd Gerhards
(@hage)

vor 1 Jahr, 6 Monaten

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