Möchten Sie ein dynamisches Logo in Ihrem Divi Fullwidth Menu-Modul verwenden?
Ändern Sie die Logos von a Website kann ein zeitaufwändiger Prozess sein. Dies gilt insbesondere dann, wenn die Website verwendet unterschiedliche Header für unterschiedliche Vorlagen.
Wenn Sie für jede dieser Kopfzeilen ein Bild verwenden, müssen Sie manuell auf jede einzelne zugreifen und sie bearbeiten.
Glücklicherweise kann Divi Ihr Logo dynamisch anzeigen. Webseite, das spart Ihnen Zeit!
In diesem Artikel erfahren Sie, wie Sie ein dynamisches Logo im Divi-Menümodul mit voller Breite verwenden.
Lassen Sie uns beginnen!
So verwenden Sie das dynamische Logo im Menümodul in voller Breite
Öffnen Sie zunächst das Fullwidth-Menümodul, für das Sie ein dynamisches Logo verwenden möchten. Ich passe die Kopfzeilenvorlage in Divi Theme Builder an.
Siehe auch: Divi: So verwenden Sie die Option „Gradient Repeat“, um benutzerdefinierte Hintergrundmuster zu erstellen
Für dieses Beispiel gehen wir davon aus, dass Sie bereits ein Menümodul in voller Breite mit einem ausgewählten Logo konfiguriert haben.
Öffnen Sie den Divi-Theme-Builder
Um ein dynamisches Logo zu verwenden, gehen Sie zu Divi > Theme Builder im WordPress-Dashboard.
- Divi
- Theme Builder
Wähle aus icône der Kopfzeile, die Sie ändern möchten. Warten Sie, bis sich der Editor öffnet.
- Bearbeiten
Ändern Sie das Logo in dynamischen Inhalt
Öffnen Sie dann die Einstellungen aus dem Fullwidth-Menümodul, indem Sie das Zahnradsymbol auswählen.
- Moduleinstellungen
In der Registerkarte Inhalt, scrollen Sie nach unten zum Abschnitt mit dem Titel Logo. Bewegen Sie den Mauszeiger über das Logobild und klicken Sie auf das Mülleimer-Symbol . Sie können auch auf das kreisförmige Zurücksetzen-Symbol klicken, wenn Sie dies bevorzugen.
- Löschen
Bewegen Sie dann die Maus über den Bildbereich, um die anzuzeigen icône Inhalt dynamique . Klicken Sie auf das Symbol, um die Auswahl zu öffnen Inhalt dynamisch.
- Dynamischer Inhalt
Es öffnet sich ein Modal mit vielen Optionen zur Auswahl. Auswählen Logo der Website im oberen Abschnitt.
- Site-Logo
Sie sehen das neue Logo in Ihrem Kopfzeilenmenü, das in den Optionen des angegeben ist Divi-Thema.
Unter dem Logo in den Einstellungen zur Logoauswahl sehen Sie die Nachricht "Logo-Website". Dies zeigt an, dass das Modul jetzt das dynamische Logo anzeigt. Klicken Sie auf die grüne Schaltfläche, um das Modul zu schließen.
Speichern Sie dann das Layout, indem Sie auf die grüne Schaltfläche klicken Registrieren in der unteren rechten Ecke und klicken Sie auf die X in der oberen rechten Ecke, um den Editor zu schließen.
- Speichern
- Menu
Klicken Sie abschließend auf Änderungen speichern in der oberen linken Ecke des Theme Builder-Bildschirms.
- Änderungen speichern
Lesen Sie auch: Divi: So ändern Sie den Stil mehrerer Elemente beim Hovern oder nach einem Klick
Führen Sie diese Schritte für jedes Fullwidth-Menümodul aus, für das Sie das dynamische Logo verwenden möchten. Wir empfehlen, dass Sie diese Aufgabe ausführen, wenn Sie die Kopfzeilen kopieren oder erstellen.
Sehen wir uns nun an, wie Sie das Divi-Logo so ändern, dass es sich im Fullwidth-Menümodul ändert.
So ändern Sie das Logo in Divi
Als nächstes sehen wir uns an, wie man Divi mitteilt, welches Logo verwendet werden soll. Wenn Sie das Logo ändern möchten, führen Sie die folgenden Schritte aus. Das Logo ändert sich dynamisch, sodass Divi-Benutzer nie das Fullwidth-Menümodul öffnen müssen, um das Logo zu ändern.
Divi „Vorher“-Logo
Um besser zu verstehen, was vor sich geht, sehen wir uns das Logo auf der Vorderseite der Website vor und nach der Änderung an. Hier ist zunächst eine Vorschau des aktuellen Logos auf meiner Testseite. Dies wird in den Optionen des konfiguriert Divi-Thema.
Ändern Sie das Divi-Logo
Um das Divi-Logo zu ändern, gehen Sie zu Divi > Theme-Optionen im WordPress-Dashboard. Die erste Registerkarte, Allgemein, hat ein Feld namens Logo. Es enthält ein Feld mit der Logo-URL, eine Schaltfläche zum Zurücksetzen des Standardlogos und eine Schaltfläche zum Hochladen eines Logos in die Medienbibliothek.
- Divi
- Theme Options
- Allgemein (1. Zeile)
- Allgemein (2. Zeile
- Hochladen
Dadurch wird der Medienordner geöffnet, in dem Sie ein Bild aus der Medienbibliothek auswählen oder ein neues Bild hochladen können.
- Wählen Sie ein Bild aus
- Als Logo festlegen
Klicken Sie auf Änderungen speichern in der oberen linken Ecke des Bildschirms über den Optionen des Divi-Thema. Jetzt hat jede Vorlage, einschließlich des Fullwidth-Menümoduls mit der dynamischen Logo-Einstellung, das Logo automatisch geändert, um Ihr neues Logo anzuzeigen.
- Änderungen speichern
Divi-Logo "Nachher"
Das Frontend meiner Website zeigt jetzt das neue Logo an, obwohl ich den Theme Builder nicht geöffnet und dort Änderungen vorgenommen habe. Diese Änderung wurde automatisch in jedem Fullwidth-Menümodul widergespiegelt, das das dynamische Logo verwendet.
Als weiteres Beispiel sehen wir das neue Logo, wenn wir eine der Vorlagen im Theme Builder öffnen. Dieses Beispiel zeigt das Header-Layout der Homepage mit dem bereits aktualisierten Logo ohne weitere Eingaben von mir.
Laden Sie DIVI jetzt herunter!!!
Zusammenfassung
Dies ist unser Blick auf die Verwendung eines dynamischen Logos im Divi-Menümodul mit voller Breite. Das dynamische Logo lässt sich einfach im Modul einrichten. Die Verwendung eines dynamischen Logos kann beim Ändern von Logos auf einer Divi-Site viel Zeit sparen.
Auch wenn Sie nur ein Menümodul in voller Breite verwenden, vereinfacht das dynamische Logo den Prozess. Bei der Verwendung mehrerer Module haben dynamische Logos einen noch größeren Einfluss auf die Zeitersparnis und die Reduzierung von Fehlern.
Ich hoffe, dies wird für Ihre nächste Blog-Site nützlich sein. Wenn Sie Bedenken oder Vorschläge haben, finden Sie uns unter der Kommentarbereich um darüber zu diskutieren.
Sie können sich auch beraten lassen unsere Ressourcen, wenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen.
Zögern Sie nicht, auch unseren Leitfaden zu konsultieren WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.
Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.
...
