[ad_1]
Das Divi-Theme bietet genügend Optionen, um den Header deiner Website anzupassen. Du kannst die Farbe der Kopfzeile, die Größe der Kopfzeile, die Typografie des Menüs und so weiter einstellen. Du kannst auch Elemente wie Suchsymbole, Symbole für soziale Medien, E-Mail-Adressen und so weiter hinzufügen. Vielleicht willst du aber noch mehr. In diesem Fall kannst du die Theme-Builder-Funktion von Divi nutzen, um deine eigene benutzerdefinierte Kopfzeilenvorlage zu erstellen. Im Gegensatz zu Elementor (lies: Elementor vs. Divi) und Brizy bietet Divi keine vorgefertigten Vorlagen (in Divi Layouts genannt) für Kopf- und Fußzeilen in seiner Bibliothek an. Das bedeutet aber nicht, dass du jedes Mal von vorne anfangen musst, wenn du ein neues benutzerdefiniertes Kopf- oder Fußzeilenlayout erstellen willst. Elegant Themes – der Entwickler von Divi – veröffentlicht regelmäßig neue kostenlose vorgefertigte Kopf- und Fußzeilenlayouts in seinem Blog.
Wie man ein vorgefertigtes Header- und Footerlayout in Divi importiert
Die Arbeit mit einem vorgefertigten Layout ist in Divi ein bisschen knifflig. Der Grund dafür ist, dass das Layout in Divi in drei Typen unterteilt ist:
- Reguläres Layout (et_builde): Ein Layout, das aus einer Seite oder einem Beitrag exportiert wird
- Bibliothekslayout (et_builder_layouts): Ein Layout, das aus der Divi-Bibliothek exportiert wurde.
- Theme Builder Layout (et_theme_builder): Ein Layout, das aus dem Divi Theme Builder exportiert wurde.
Jeder Layouttyp kann nur in seinem jeweiligen Kontext importiert werden. Du kannst zum Beispiel nur ein Kopfzeilen-Layout aus dem Theme Builder importieren. Du kannst kein Kopfzeilen-Layout aus dem Divi Builder-Editor importieren. Wenn du ein Kopfzeilen-Layout aus dem Divi Builder-Editor importierst, siehst du die folgende Fehlermeldung.
Du kannst unseren vorherigen Artikel lesen, um mehr zu erfahren.
Importieren eines Header-/Footer-Layouts
Wie bereits erwähnt, bietet Divi keine vorgefertigten Kopf-/Fußzeilen-Layouts in seiner Bibliothek an. Stattdessen kannst du ein vorgefertigtes Kopf-/Fußzeilen-Layout aus dem offiziellen Blog von Elegant Themes herunterladen. Hier ist ein Beispiel für ein vorgefertigtes Kopf-/Fußzeilen-Layout, das du herunterladen kannst.
Nachdem du das Layout heruntergeladen hast (es liegt im ZIP-Format vor), entpacke es, um die JSON-Datei zu erhalten. Als Nächstes gehst du zu Divi -> Theme Builder in deinem WordPress-Dashboard. Klicke auf das Symbol mit den zwei Pfeilen auf der rechten Seite.
Im erscheinenden Dialogfeld klickst du auf das Importieren Registerkarte gefolgt von KEINE DATEI AUSGEWÄHLT um die JSON-Datei des Kopf-/Fußzeilen-Layouts auszuwählen, das du importieren möchtest. Klicke auf die Divi Theme Builder-Vorlagen importieren sobald die Datei ausgewählt ist.
Warte, bis Divi mit dem Import des Layouts fertig ist. Divi fügt automatisch einen neuen Vorlagenblock im Theme Builder hinzu, sobald der Importvorgang abgeschlossen ist.
Um die Anzeigebedingungen zu ändern, kannst du auf das Zahnradsymbol auf dem Vorlagenblock klicken, das erscheint, wenn du mit dem Mauszeiger darüber fährst.
Vergiss nicht, auf das Änderungen speichern Schaltfläche, um die Änderungen zu übernehmen.
[ad_2]
