{"id":22363,"date":"2026-08-27T16:14:19","date_gmt":"2026-08-27T14:14:19","guid":{"rendered":"https:\/\/www.curiaweb.ch\/?post_type=docs&#038;p=22363"},"modified":"2026-08-27T16:16:09","modified_gmt":"2026-08-27T14:16:09","password":"","slug":"wordpress-headerbild-aendern","status":"publish","type":"docs","link":"https:\/\/www.curiaweb.ch\/fr\/hilfe\/wordpress\/wordpress-headerbild-aendern\/","title":{"rendered":"Modifier l'image d'en-t\u00eate dans WordPress : adapter correctement le logo, l'en-t\u00eate et l'image de titre"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Le <strong>En-t\u00eate<\/strong> ist der obere Bereich deiner WordPress-Website und geh\u00f6rt zu den ersten Elementen, die Besucher sehen. Je nach Website enth\u00e4lt er beispielsweise dein Logo, die Hauptnavigation, ein Hintergrundbild, Kontaktdaten oder einen Button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du das <strong>Headerbild in WordPress \u00e4ndern<\/strong> m\u00f6chtest, gibt es allerdings nicht bei jeder Website denselben Men\u00fcpunkt. Der genaue Weg h\u00e4ngt davon ab, welches Theme du verwendest und wie der Header deiner Website aufgebaut wurde.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei klassischen WordPress-Themes erfolgt die Anpassung h\u00e4ufig \u00fcber den <strong>Personnalisateur<\/strong>. Moderne Block-Themes verwenden den <strong>Website-Editor<\/strong>. Andere Themes besitzen eigene Header-Einstellungen und bei Websites mit Elementor oder einem anderen Page Builder kann der Header vollst\u00e4ndig ausserhalb der normalen WordPress-Theme-Einstellungen erstellt worden sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In dieser Anleitung zeigen wir dir, wie du herausfindest, welche Methode deine Website verwendet und wie du Logo, Headerbild und andere Elemente im Kopfbereich sicher anpasst.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>En bref :<\/strong> Si vous sous <strong>Conception<\/strong> den Men\u00fcpunkt <strong>Personnalisateur<\/strong> findest, wird dein Theme m\u00f6glicherweise dar\u00fcber angepasst. Bei einem Block-Theme findest du stattdessen normalerweise <strong>Design \u2192 \u00c9diteur<\/strong>. Verwendet deine Website einen Page Builder oder ein Theme mit eigenem Header-Builder, musst du den Header dort bearbeiten.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Was ist der Header einer WordPress-Website?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Als Header bezeichnet man normalerweise den oberen Bereich einer Website. Er erscheint h\u00e4ufig auf allen oder zumindest auf vielen Seiten in gleicher oder \u00e4hnlicher Form.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein typischer Website-Header kann folgende Elemente enthalten:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Logo<\/li>\n\n\n\n<li>Website-Name<\/li>\n\n\n\n<li>Hauptnavigation<\/li>\n\n\n\n<li>Headerbild oder Hintergrundbild<\/li>\n\n\n\n<li>Suchfunktion<\/li>\n\n\n\n<li>Coordonn\u00e9es<\/li>\n\n\n\n<li>Social-Media-Links<\/li>\n\n\n\n<li>Call-to-Action-Button<\/li>\n\n\n\n<li>Sprachauswahl<\/li>\n\n\n\n<li>Warenkorb bei WooCommerce<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Welche Elemente vorhanden sind, wird haupts\u00e4chlich durch dein Theme und die individuelle Gestaltung deiner Website bestimmt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Header, Headerbild und Beitragsbild sind nicht dasselbe<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bevor du etwas \u00e4nderst, solltest du unterscheiden, welches Bild du tats\u00e4chlich meinst.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un <strong>Headerbild<\/strong> beziehungsweise Header-Hintergrundbild geh\u00f6rt zum oberen Gestaltungsbereich der Website. Ein <strong>Logo<\/strong> ist normalerweise ein separates Element innerhalb des Headers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das <strong>Image \u00e0 la une<\/strong> beziehungsweise Featured Image geh\u00f6rt dagegen zu einem bestimmten Beitrag oder einer Seite. Je nach Theme kann dieses Bild zwar ebenfalls gross im oberen Seitenbereich dargestellt werden, technisch handelt es sich aber nicht unbedingt um das eigentliche Headerbild.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Typischer Irrtum:<\/strong> Wenn du das Beitragsbild einer Seite austauschst und sich das grosse Bild im oberen Bereich ver\u00e4ndert, wurde wahrscheinlich kein globales Headerbild ge\u00e4ndert. Dein Theme verwendet in diesem Fall das Beitragsbild als Titel- oder Hero-Bild f\u00fcr die jeweilige Seite.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Warum sieht die Header-Verwaltung nicht bei jeder WordPress-Website gleich aus?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress stellt die technische Grundlage bereit, aber das aktive Theme bestimmt einen grossen Teil der Darstellung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Im Laufe der WordPress-Entwicklung sind ausserdem unterschiedliche Systeme zur Gestaltung von Themes entstanden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Heute begegnen dir haupts\u00e4chlich folgende Varianten:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>klassische Themes<\/strong> mit WordPress Customizer<\/li>\n\n\n\n<li><strong>Th\u00e8mes de blocs<\/strong> mit Website-Editor<\/li>\n\n\n\n<li><strong>Themes mit eigenem Header-Builder<\/strong><\/li>\n\n\n\n<li><strong>Constructeur de pages<\/strong> wie Elementor mit eigenen Theme- beziehungsweise Header-Funktionen<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Deshalb w\u00e4re eine Anleitung mit der pauschalen Aussage \u201eKlicke auf Design \u2192 Customizer \u2192 Headerbild\u201c f\u00fcr viele aktuelle WordPress-Websites schlicht falsch.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Zuerst herausfinden, welches Theme aktiv ist<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bevor du nach den Header-Einstellungen suchst, solltest du wissen, welches WordPress-Theme deine Website verwendet.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Aktives Theme pr\u00fcfen<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Connectez-vous \u00e0 l'espace d'administration WordPress.<\/li>\n\n\n\n<li>Ouvrir <strong>Design \u2192 Th\u00e8mes<\/strong>.<\/li>\n\n\n\n<li>Suche nach dem Theme, das als <strong>\u201eAktiv\u201c<\/strong> gekennzeichnet ist.<\/li>\n\n\n\n<li>Notiere dir den Namen des Themes.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du noch nicht weisst, wie du den WordPress-Adminbereich \u00f6ffnest, findest du die vollst\u00e4ndige Anleitung unter <a href=\"\/fr\/aide\/wordpress\/wordpress-adminbereich-aufrufen\/\">Connexion WordPress : Comment se connecter \u00e0 l'espace d'administration<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Methode 1: Header bei einem klassischen WordPress-Theme \u00e4ndern<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Viele klassische Themes verwenden den <strong>Personnalisateur de WordPress<\/strong>. Wenn dein Theme diese Funktion unterst\u00fctzt, findest du normalerweise unter <strong>Conception<\/strong> den entsprechenden Men\u00fcpunkt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ouvrir :<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Design \u2192 Personnalisateur<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die verf\u00fcgbaren Einstellungen h\u00e4ngen vollst\u00e4ndig vom verwendeten Theme ab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">M\u00f6gliche Bereiche k\u00f6nnen beispielsweise heissen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Informations sur le site web<\/li>\n\n\n\n<li>En-t\u00eate<\/li>\n\n\n\n<li>Headerbild<\/li>\n\n\n\n<li>Header Media<\/li>\n\n\n\n<li>Logo<\/li>\n\n\n\n<li>Mise en page<\/li>\n\n\n\n<li>Menus<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Nicht jedes klassische Theme bietet alle diese Optionen an.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Headerbild \u00fcber den Customizer austauschen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn dein Theme im Customizer einen Bereich f\u00fcr das Headerbild bereitstellt, kannst du dort normalerweise ein vorhandenes Bild ersetzen oder ein neues hochladen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Headerbild im Customizer \u00e4ndern<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ouvrir <strong>Design \u2192 Personnalisateur<\/strong>.<\/li>\n\n\n\n<li>Rechercher <strong>En-t\u00eate<\/strong>, <strong>Headerbild<\/strong> oder einer \u00e4hnlich bezeichneten Einstellung.<\/li>\n\n\n\n<li>Klicke auf das vorhandene Bild beziehungsweise auf die Funktion zum Hinzuf\u00fcgen oder \u00c4ndern eines Bildes.<\/li>\n\n\n\n<li>W\u00e4hle ein Bild aus der WordPress-Mediathek oder lade ein neues Bild hoch.<\/li>\n\n\n\n<li>Schneide das Bild bei Bedarf entsprechend den Vorgaben des Themes zu.<\/li>\n\n\n\n<li>Kontrolliere die Vorschau.<\/li>\n\n\n\n<li>Speichere beziehungsweise ver\u00f6ffentliche die \u00c4nderung.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Die genaue Bezeichnung der Schaltfl\u00e4chen kann je nach Theme und WordPress-Version etwas unterschiedlich sein.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Warum finde ich unter Design keinen Customizer?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si sous <strong>Conception<\/strong> kein normaler Customizer angezeigt wird, ist das nicht automatisch ein Fehler.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du verwendest m\u00f6glicherweise ein modernes <strong>Th\u00e8me \u00e0 blocs<\/strong>. Solche Themes werden \u00fcber den WordPress-Website-Editor gestaltet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In diesem Fall findest du normalerweise:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Design \u2192 \u00c9diteur<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Statt einzelne Theme-Bereiche \u00fcber den klassischen Customizer einzustellen, kannst du dort Templates und Template-Teile mit WordPress-Bl\u00f6cken bearbeiten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Methode 2: Header mit dem WordPress Website-Editor bearbeiten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bei einem Block-Theme ist der Header normalerweise ein sogenannter <strong>Template-Teil<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ouvrez d'abord :<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Design \u2192 \u00c9diteur<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Je nach WordPress-Version und Theme kannst du dort die Gestaltung deiner Website, Templates und Vorlagen beziehungsweise Template-Teile bearbeiten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ffne den Header beziehungsweise eine Vorlage, die den Header enth\u00e4lt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Im Editor kannst du anschliessend die darin verwendeten Bl\u00f6cke bearbeiten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein moderner WordPress-Header kann beispielsweise aus folgenden Bl\u00f6cken bestehen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Website-Logo<\/li>\n\n\n\n<li>Titre du site web<\/li>\n\n\n\n<li>Navigation<\/li>\n\n\n\n<li>Image<\/li>\n\n\n\n<li>Cover<\/li>\n\n\n\n<li>Gruppe<\/li>\n\n\n\n<li>Boutons<\/li>\n\n\n\n<li>Social Icons<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Headerbild in einem Block-Theme \u00e4ndern<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn das sichtbare Headerbild \u00fcber einen <strong>Bloc d'images<\/strong> eingebunden wurde, w\u00e4hlst du diesen Block aus und ersetzt das Bild \u00fcber dessen Werkzeugleiste beziehungsweise Einstellungen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wurde der Hintergrund mit einem <strong>Cover-Block<\/strong> erstellt, musst du stattdessen das Hintergrundbild dieses Blocks \u00e4ndern.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das ist ein wichtiger Unterschied: Bei Block-Themes gibt es nicht zwingend eine zentrale Einstellung mit dem Namen \u201eHeaderbild\u201c. Das Bild kann einfach Bestandteil des Header-Layouts sein.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Astuce<\/strong> Wenn du im Website-Editor nicht erkennst, welches Element das Bild erzeugt, \u00f6ffne die Listenansicht des Editors. Dort siehst du die Struktur der verwendeten Bl\u00f6cke und kannst Bild-, Cover- oder Gruppen-Bl\u00f6cke leichter identifizieren.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c4nderungen am globalen Header wirken auf mehrere Seiten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bei der Bearbeitung eines Headers musst du beachten, dass es sich h\u00e4ufig um einen <strong>global verwendeten Website-Bereich<\/strong> handelt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du beispielsweise das Logo oder ein Bild im globalen Header \u00e4nderst, kann die \u00c4nderung automatisch auf allen Seiten erscheinen, die diesen Header verwenden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere deshalb vor dem Speichern, ob du wirklich den globalen Header bearbeiten m\u00f6chtest oder lediglich das Titelbild einer einzelnen Seite.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Methode 3: Theme mit eigenem Header-Builder<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Einige WordPress-Themes stellen eigene Werkzeuge f\u00fcr die Header-Gestaltung bereit.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die genaue Bedienung unterscheidet sich je nach Theme. M\u00f6gliche Bezeichnungen sind beispielsweise:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Header Builder<\/li>\n\n\n\n<li>Theme Options<\/li>\n\n\n\n<li>Theme Settings<\/li>\n\n\n\n<li>Header Layout<\/li>\n\n\n\n<li>Site Builder<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In diesem Fall solltest du die vom Theme bereitgestellten Einstellungen verwenden und nicht versuchen, den Header \u00fcber einen Men\u00fcpunkt zu \u00e4ndern, der f\u00fcr ein anderes Theme gedacht ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du das Theme wechselst, k\u00f6nnen sich deshalb auch die verf\u00fcgbaren Header-Einstellungen vollst\u00e4ndig ver\u00e4ndern.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Methode 4: Header mit Elementor bearbeiten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn deine WordPress-Website mit <strong>Elementor<\/strong> erstellt wurde, muss zwischen normalen Seiteninhalten und einem mit Elementor erstellten globalen Header unterschieden werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mit den entsprechenden Elementor-Funktionen kann ein Header als eigenes Template erstellt und bestimmten Bereichen der Website zugewiesen werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In einem solchen Fall bringt es nichts, das Headerbild im normalen WordPress-Customizer zu suchen, wenn der komplette sichtbare Header tats\u00e4chlich von Elementor erzeugt wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ffne stattdessen die entsprechenden Elementor-Templates beziehungsweise den Theme Builder und pr\u00fcfe, welches Header-Template aktiv ist.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Important :<\/strong> Bearbeite nicht gleichzeitig den Theme-Header und einen mit einem Page Builder erstellten Header, wenn du nicht weisst, welcher tats\u00e4chlich ausgegeben wird. Sonst ver\u00e4nderst du m\u00f6glicherweise Einstellungen, die auf der Website \u00fcberhaupt nicht sichtbar sind.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Logo in WordPress \u00e4ndern<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du eigentlich nicht das Headerbild, sondern das <strong>Logo<\/strong> austauschen m\u00f6chtest, h\u00e4ngt der Weg ebenfalls vom Theme ab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei klassischen Themes findest du die Logo-Einstellung h\u00e4ufig im Customizer unter einem Bereich wie:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Informations sur le site web<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">oder in den Header-Einstellungen des Themes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei einem Block-Theme wird h\u00e4ufig der Block <strong>Website-Logo<\/strong> verwendet. Diesen kannst du im Website-Editor ausw\u00e4hlen und das hinterlegte Logo ersetzen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei Themes oder Page Buildern mit eigenem Header-System befindet sich das Logo m\u00f6glicherweise direkt innerhalb des dort erstellten Headers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Logo und Headerbild nicht miteinander verwechseln<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Das Logo repr\u00e4sentiert normalerweise die Marke beziehungsweise das Unternehmen. Das Headerbild ist dagegen ein gestalterisches Element und kann beispielsweise eine Landschaft, ein Produkt, eine Illustration oder einen Hintergrund zeigen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Technisch werden beide Elemente deshalb h\u00e4ufig getrennt verwaltet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du lediglich dein Firmenlogo austauschen m\u00f6chtest, solltest du nicht das komplette Header-Hintergrundbild ersetzen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Welche Bildgr\u00f6sse sollte ein WordPress-Headerbild haben?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Eine universelle optimale Pixelgr\u00f6sse f\u00fcr WordPress-Headerbilder gibt es nicht.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die ben\u00f6tigten Abmessungen h\u00e4ngen unter anderem ab von:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>dem verwendeten Theme<\/li>\n\n\n\n<li>dem Seitenlayout<\/li>\n\n\n\n<li>der H\u00f6he des Headers<\/li>\n\n\n\n<li>der maximalen Inhaltsbreite<\/li>\n\n\n\n<li>der Darstellung auf Mobilger\u00e4ten<\/li>\n\n\n\n<li>dem verwendeten Seitenverh\u00e4ltnis<\/li>\n\n\n\n<li>der Art des Bildes<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Theme kann beispielsweise ein sehr breites und flaches Headerbild verwenden, w\u00e4hrend eine andere Website ein grosses Hero-Bild \u00fcber die gesamte Bildschirmbreite darstellt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Orientiere dich deshalb zuerst an den Empfehlungen beziehungsweise der Darstellung deines Themes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nicht einfach riesige Bilder hochladen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein h\u00e4ufiges Problem sind unn\u00f6tig grosse Bilddateien.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine moderne Kamera oder ein Smartphone kann Bilder mit mehreren Tausend Pixeln Breite und mehreren Megabyte Dateigr\u00f6sse erzeugen. Ein solches Originalbild ungepr\u00fcft als Website-Header zu verwenden, ist normalerweise keine gute Idee.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Headerbild sollte nur so gross sein, wie es f\u00fcr die tats\u00e4chliche Darstellung erforderlich ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Unn\u00f6tig grosse Dateien k\u00f6nnen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>die Ladezeit erh\u00f6hen<\/li>\n\n\n\n<li>mehr Daten \u00fcbertragen<\/li>\n\n\n\n<li>auf Mobilger\u00e4ten unn\u00f6tig Bandbreite verbrauchen<\/li>\n\n\n\n<li>die wahrgenommene Geschwindigkeit der Website verschlechtern<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Gerade grosse Bilder im sichtbaren oberen Seitenbereich k\u00f6nnen f\u00fcr die Performance besonders relevant sein.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Welches Dateiformat eignet sich f\u00fcr Headerbilder?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Welches Bildformat sinnvoll ist, h\u00e4ngt vom Motiv und vom ben\u00f6tigten Funktionsumfang ab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Typische Formate sind:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>JPEG\/JPG:<\/strong> geeignet f\u00fcr Fotografien und Motive mit vielen Farbabstufungen<\/li>\n\n\n\n<li><strong>PNG:<\/strong> sinnvoll, wenn Transparenz ben\u00f6tigt wird oder bestimmte Grafiken entsprechend vorliegen<\/li>\n\n\n\n<li><strong>WebP:<\/strong> modernes Webformat mit guter Kompression f\u00fcr viele Bildarten<\/li>\n\n\n\n<li><strong>AVIF:<\/strong> modernes, effizientes Bildformat, sofern es in deinem konkreten Workflow sinnvoll unterst\u00fctzt wird<\/li>\n\n\n\n<li><strong>SVG:<\/strong> besonders f\u00fcr Vektorgrafiken und Logos geeignet, muss aus Sicherheitsgr\u00fcnden aber kontrolliert verwendet werden<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr ein fotografisches Headerbild ist ein riesiges PNG normalerweise keine sinnvolle Wahl. F\u00fcr ein freigestelltes Logo mit transparentem Hintergrund kann PNG dagegen passend sein.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Headerbild f\u00fcr Desktop und Smartphone pr\u00fcfen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Headerbild, das auf einem grossen Desktop-Monitor perfekt aussieht, kann auf einem Smartphone problematisch dargestellt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei responsiven Layouts ver\u00e4ndert sich die verf\u00fcgbare Breite erheblich. Hintergrundbilder werden deshalb je nach CSS-Einstellungen m\u00f6glicherweise zugeschnitten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Kontrolliere nach jeder \u00c4nderung mindestens:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Desktop-Darstellung<\/li>\n\n\n\n<li>Tablet-Darstellung<\/li>\n\n\n\n<li>Smartphone-Darstellung<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Wichtige Bildbestandteile sollten nicht so nah am Rand liegen, dass sie bei einer schmaleren Darstellung abgeschnitten werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Text nicht direkt in das Headerbild einbauen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn im Header eine \u00dcberschrift, ein Angebot oder ein Button erscheinen soll, solltest du diesen Text normalerweise als echten HTML-Inhalt \u00fcber beziehungsweise vor dem Bild platzieren und nicht direkt in die Bilddatei einbauen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cela pr\u00e9sente plusieurs avantages :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Text bleibt auf unterschiedlichen Bildschirmgr\u00f6ssen besser lesbar<\/li>\n\n\n\n<li>Inhalte k\u00f6nnen leichter ge\u00e4ndert werden<\/li>\n\n\n\n<li>Suchmaschinen k\u00f6nnen den Text als Inhalt erfassen<\/li>\n\n\n\n<li>Screenreader k\u00f6nnen den Text verarbeiten<\/li>\n\n\n\n<li>\u00dcbersetzungen sind wesentlich einfacher<\/li>\n\n\n\n<li>Buttons bleiben echte anklickbare Bedienelemente<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Headerbild sollte deshalb in erster Linie ein visuelles Element sein und nicht als Ersatz f\u00fcr wichtige Website-Inhalte dienen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Alt-Text beim Headerbild richtig verwenden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ob ein Bild einen Alt-Text ben\u00f6tigt und was darin stehen sollte, h\u00e4ngt von seiner Funktion ab.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn das Bild wichtige Informationen vermittelt, sollte ein sinnvoller Alternativtext hinterlegt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ist das Headerbild dagegen rein dekorativ und vermittelt keine zus\u00e4tzliche Information, sollte es aus Sicht der Barrierefreiheit nicht unn\u00f6tig mit einer Beschreibung versehen werden. Dekorative Bilder sollten so eingebunden werden, dass assistive Technologien sie \u00fcberspringen k\u00f6nnen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Alt-Text ist ausserdem kein Platz f\u00fcr eine Liste von SEO-Keywords.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Exemple :<\/strong> Ein Foto eines bestimmten Unternehmensgeb\u00e4udes kann einen beschreibenden Alt-Text ben\u00f6tigen, wenn das Motiv inhaltlich relevant ist. Ein abstrakter Farbverlauf hinter einer bereits vorhandenen H1-\u00dcberschrift ben\u00f6tigt dagegen normalerweise keine zus\u00e4tzliche textliche Beschreibung.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Headerbild ge\u00e4ndert, aber auf der Website erscheint noch das alte Bild<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du das Headerbild ge\u00e4ndert und gespeichert hast, aber weiterhin die alte Version siehst, kann ein Cache die Ursache sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das Bild kann beispielsweise noch zwischengespeichert sein durch:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>deinen Browser<\/li>\n\n\n\n<li>ein WordPress-Cache-Plugin<\/li>\n\n\n\n<li>serverseitiges Caching<\/li>\n\n\n\n<li>ein CDN<\/li>\n\n\n\n<li>einen Page Builder<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Teste die Website zuerst in einem privaten Browserfenster oder f\u00fchre einen vollst\u00e4ndigen Reload durch.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn weiterhin das alte Bild erscheint, pr\u00fcfe die verwendeten Cache-Systeme.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Headerbild wird auf einigen Seiten nicht angezeigt<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn das Headerbild nur auf bestimmten Seiten fehlt, verwendet deine Website m\u00f6glicherweise unterschiedliche Templates oder Header.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das ist beispielsweise m\u00f6glich bei:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>einer speziellen Startseiten-Vorlage<\/li>\n\n\n\n<li>Blog- und Archivseiten<\/li>\n\n\n\n<li>Pages WooCommerce<\/li>\n\n\n\n<li>Landingpages<\/li>\n\n\n\n<li>Elementor-Templates mit unterschiedlichen Anzeigebedingungen<\/li>\n\n\n\n<li>individuellen WordPress-Templates<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00fcfe deshalb zuerst, ob wirklich alle Seiten denselben Header verwenden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Headerbild wird abgeschnitten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bei Hintergrundbildern ist es normal, dass Teile eines Bildes je nach Bildschirmformat abgeschnitten werden k\u00f6nnen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das passiert h\u00e4ufig, wenn das Bild so skaliert wird, dass es den gesamten verf\u00fcgbaren Bereich ausf\u00fcllt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn wichtige Bestandteile des Motivs verschwinden, kannst du je nach verwendeter Gestaltung beispielsweise:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>die Position des Hintergrundbildes ver\u00e4ndern<\/li>\n\n\n\n<li>die H\u00f6he des Headerbereichs anpassen<\/li>\n\n\n\n<li>ein Bild mit geeigneterem Seitenverh\u00e4ltnis verwenden<\/li>\n\n\n\n<li>f\u00fcr Mobilger\u00e4te ein anderes Bild einsetzen<\/li>\n\n\n\n<li>das Motiv vor dem Upload anders zuschneiden<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Welche M\u00f6glichkeiten zur Verf\u00fcgung stehen, h\u00e4ngt von Theme, Block oder Page Builder ab.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Headerbild wirkt unscharf<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein unscharfes Headerbild kann entstehen, wenn die hochgeladene Datei f\u00fcr die dargestellte Fl\u00e4che zu klein ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wird beispielsweise ein sehr kleines Bild \u00fcber die gesamte Bildschirmbreite vergr\u00f6ssert, fehlen ausreichend Bildinformationen f\u00fcr eine scharfe Darstellung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Verwende deshalb eine Aufl\u00f6sung, die zur tats\u00e4chlichen maximalen Darstellung passt, ohne unn\u00f6tig riesige Originaldateien hochzuladen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Headerbild verursacht schlechte Ladezeiten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein grosses Bild im oberen sichtbaren Bereich einer Website kann erheblichen Einfluss auf die wahrgenommene Ladezeit haben.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn dein Headerbild mehrere Megabyte gross ist, solltest du es optimieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e9rifie en particulier :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Dimensions de l'image<\/li>\n\n\n\n<li>Taille du fichier<\/li>\n\n\n\n<li>Dateiformat<\/li>\n\n\n\n<li>Komprimierung<\/li>\n\n\n\n<li>responsive Bildausgabe<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Eine gute Bildoptimierung versucht nicht, die Bildqualit\u00e4t maximal zu reduzieren, sondern ein vern\u00fcnftiges Verh\u00e4ltnis zwischen visueller Qualit\u00e4t und Dateigr\u00f6sse zu erreichen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hero-Bild nicht gedankenlos Lazy Loading unterwerfen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bilder, die erst weit unten auf einer Seite erscheinen, k\u00f6nnen h\u00e4ufig verz\u00f6gert geladen werden. Dieses Verfahren wird als <strong>Lazy Loading<\/strong> qualifi\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bei einem grossen zentralen Header- oder Hero-Bild im unmittelbar sichtbaren Bereich ist eine verz\u00f6gerte Ladung dagegen nicht automatisch sinnvoll.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn ein f\u00fcr die anf\u00e4ngliche Darstellung wichtiges Bild zu sp\u00e4t geladen wird, kann sich die wahrgenommene Ladezeit verschlechtern.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Performance-Einstellungen sollten deshalb nicht nach dem Prinzip \u201eLazy Loading f\u00fcr jedes Bild\u201c vorgenommen werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Header-Men\u00fc \u00e4ndern<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du nicht das Bild, sondern die Navigation im Header \u00e4ndern m\u00f6chtest, handelt es sich um die <strong>WordPress-Men\u00fcverwaltung<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Je nach Theme erfolgt auch diese bei klassischen und modernen Block-Themes unterschiedlich.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die vollst\u00e4ndige Einrichtung behandeln wir deshalb separat in unserer Anleitung <a href=\"\/fr\/aide\/wordpress\/menus-erstellen-verwalten\/\">Cr\u00e9er et g\u00e9rer des menus dans WordPress<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Header nicht direkt in Theme-Dateien bearbeiten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bei klassischen Themes existieren h\u00e4ufig PHP-Dateien wie:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>header.php<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das bedeutet aber nicht, dass du f\u00fcr eine normale \u00c4nderung des Logos oder Headerbildes direkt diese Datei bearbeiten solltest.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Direkte \u00c4nderungen an den Dateien eines Parent-Themes k\u00f6nnen bei einem Theme-Update \u00fcberschrieben werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ausserdem kann bereits ein kleiner Fehler im PHP-Code dazu f\u00fchren, dass Teile der Website nicht mehr funktionieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nutze deshalb zuerst die vorgesehenen Theme-, WordPress- oder Page-Builder-Funktionen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn tats\u00e4chlich eigene \u00c4nderungen an Theme-Dateien notwendig sind, ist ein <a href=\"\/fr\/aide\/wordpress\/wordpress-child-theme-erstellen\/\">WordPress Child-Theme<\/a> h\u00e4ufig der technisch bessere Ansatz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Theme wechseln, nur weil sich der Header nicht einfach \u00e4ndern l\u00e4sst?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Theme-Wechsel sollte nicht leichtfertig durchgef\u00fchrt werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das Theme beeinflusst weit mehr als nur den Header. Ein Wechsel kann Auswirkungen haben auf:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mise en page<\/li>\n\n\n\n<li>Navigation<\/li>\n\n\n\n<li>Widgets<\/li>\n\n\n\n<li>Schriftarten<\/li>\n\n\n\n<li>Couleurs<\/li>\n\n\n\n<li>Mod\u00e8les<\/li>\n\n\n\n<li>Theme-spezifische Funktionen<\/li>\n\n\n\n<li>Darstellung bestehender Inhalte<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn dir lediglich eine Header-Einstellung fehlt, solltest du zuerst pr\u00fcfen, welche M\u00f6glichkeiten das vorhandene Theme bietet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wie neue Themes korrekt installiert werden, erkl\u00e4ren wir in unserer Anleitung zum <a href=\"\/fr\/aide\/wordpress\/installer-un-theme-wordpress\/\">Installieren eines neuen WordPress-Themes<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Vor gr\u00f6sseren Header-\u00c4nderungen die bestehende Konfiguration pr\u00fcfen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bei einer einfachen \u00c4nderung eines Logos ist normalerweise keine umfangreiche Vorbereitung erforderlich.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du jedoch den kompletten Header neu gestalten m\u00f6chtest, solltest du zun\u00e4chst verstehen, wie dieser aufgebaut wurde.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e9rifie en particulier :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>welches Theme aktiv ist<\/li>\n\n\n\n<li>ob ein Child-Theme verwendet wird<\/li>\n\n\n\n<li>ob der Header \u00fcber den Customizer erstellt wurde<\/li>\n\n\n\n<li>ob ein Block-Theme verwendet wird<\/li>\n\n\n\n<li>ob Elementor oder ein anderer Page Builder den Header erzeugt<\/li>\n\n\n\n<li>ob unterschiedliche Header f\u00fcr verschiedene Seiten existieren<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Erst danach solltest du gr\u00f6ssere \u00c4nderungen vornehmen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Header auf einer Staging- oder Testumgebung \u00e4ndern<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bei umfangreichen \u00c4nderungen an einer produktiven Unternehmenswebsite oder einem Onlineshop kann es sinnvoll sein, die neue Gestaltung zun\u00e4chst in einer Testumgebung auszuprobieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So kannst du Layout, Navigation und responsive Darstellung kontrollieren, ohne dass Besucher w\u00e4hrend der Bearbeitung einen unfertigen Header sehen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr solche Arbeiten kann auch eine geklonte WordPress-Installation hilfreich sein. Wie du eine bestehende Installation mit Softaculous kopierst, erkl\u00e4ren wir unter <a href=\"\/fr\/aide\/wordpress\/wordpress-softaculous-klonen\/\">Cloner WordPress avec Softaculous<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Typische Fehler beim \u00c4ndern des WordPress-Headers<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Headerbild und Beitragsbild miteinander verwechseln<\/li>\n\n\n\n<li>im Customizer suchen, obwohl ein Block-Theme verwendet wird<\/li>\n\n\n\n<li>den Theme-Header bearbeiten, obwohl Elementor den sichtbaren Header erzeugt<\/li>\n\n\n\n<li>globale \u00c4nderungen vornehmen, obwohl nur eine einzelne Seite ge\u00e4ndert werden sollte<\/li>\n\n\n\n<li>mehrere Megabyte grosse Originalbilder hochladen<\/li>\n\n\n\n<li>das Bild nur auf einem Desktop-PC kontrollieren<\/li>\n\n\n\n<li>wichtigen Text direkt in das Bild integrieren<\/li>\n\n\n\n<li>Alt-Texte mit Keywords vollstopfen<\/li>\n\n\n\n<li>Theme-Dateien direkt bearbeiten<\/li>\n\n\n\n<li>nach einer \u00c4nderung den Cache nicht ber\u00fccksichtigen<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Remarque :<\/strong> Wenn du das Headerbild nicht dort findest, wo eine andere Anleitung es beschreibt, ist WordPress nicht automatisch falsch konfiguriert. Sehr wahrscheinlich verwendet deine Website einfach ein anderes Theme- oder Header-System.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Quand devez-vous contacter le support CURIAWEB ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du als CURIAWEB-Kunde nicht herausfindest, wodurch der Header deiner WordPress-Website erzeugt wird, kannst du dich an unseren Support wenden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Teile uns m\u00f6glichst mit:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>welche Domain betroffen ist<\/li>\n\n\n\n<li>welches Theme du verwendest<\/li>\n\n\n\n<li>welches Element du \u00e4ndern m\u00f6chtest<\/li>\n\n\n\n<li>ob Elementor oder ein anderer Page Builder installiert ist<\/li>\n\n\n\n<li>was du bereits versucht hast<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">So l\u00e4sst sich wesentlich schneller feststellen, ob der Header \u00fcber WordPress, das Theme oder einen Page Builder verwaltet wird.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">R\u00e9sum\u00e9<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wie du ein Headerbild in WordPress \u00e4nderst, h\u00e4ngt vom Aufbau deiner Website ab. Klassische Themes verwenden h\u00e4ufig den <strong>Personnalisateur de WordPress<\/strong>, w\u00e4hrend moderne Block-Themes \u00fcber <strong>Design \u2192 \u00c9diteur<\/strong> und den Website-Editor angepasst werden. Themes mit eigenem Header-Builder und Page Builder wie Elementor k\u00f6nnen wiederum vollst\u00e4ndig eigene Verwaltungswege verwenden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pr\u00fcfe deshalb zuerst unter <strong>Design \u2192 Th\u00e8mes<\/strong>, welches Theme aktiv ist und wodurch dein Header tats\u00e4chlich erzeugt wird. Verwechsle ausserdem das globale Headerbild nicht mit dem Logo oder dem Beitragsbild einer einzelnen Seite.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn du auch die Navigation im Kopfbereich \u00e4ndern m\u00f6chtest, findest du die passende Anleitung unter <a href=\"\/fr\/aide\/wordpress\/menus-erstellen-verwalten\/\">Cr\u00e9er et g\u00e9rer des menus dans WordPress<\/a>. F\u00fcr \u00c4nderungen am Theme-Code solltest du nicht direkt das Parent-Theme bearbeiten. Daf\u00fcr erkl\u00e4ren wir sp\u00e4ter die Verwendung eines <a href=\"\/fr\/aide\/wordpress\/wordpress-child-theme-erstellen\/\">WordPress Child-Themes<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Der Header ist der obere Bereich deiner WordPress-Website und geh\u00f6rt zu den ersten Elementen, die Besucher sehen. Je nach Website enth\u00e4lt er beispielsweise dein Logo, die Hauptnavigation, ein Hintergrundbild, Kontaktdaten oder einen Button. Wenn du das Headerbild in WordPress \u00e4ndern m\u00f6chtest, gibt es allerdings nicht bei jeder Website denselben Men\u00fcpunkt. Der genaue Weg h\u00e4ngt davon [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"doc_category":[80],"doc_tag":[],"class_list":["post-22363","docs","type-docs","status-publish","hentry","doc_category-wordpress"],"year_month":"2026-09","word_count":3165,"total_views":"4","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Silvio Mazenauer","author_nicename":"admin-curia","author_url":"https:\/\/www.curiaweb.ch\/fr\/author\/admin-curia\/"},"doc_category_info":[{"term_name":"WordPress","term_url":"https:\/\/www.curiaweb.ch\/fr\/hilfe-kategorie\/wordpress\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs\/22363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/comments?post=22363"}],"version-history":[{"count":1,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs\/22363\/revisions"}],"predecessor-version":[{"id":22365,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/docs\/22363\/revisions\/22365"}],"wp:attachment":[{"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/media?parent=22363"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/doc_category?post=22363"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.curiaweb.ch\/fr\/wp-json\/wp\/v2\/doc_tag?post=22363"}],"curies":[{"name":"Bien jou\u00e9","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}