Wenn Sie eine WordPress-Website mit dem Divi Theme betreiben, kommt Zeitpunkt, an dem Sie das Logo ändern müssen. Vielleicht machen Sie ein Rebranding, oder wollen einfach nur den Look aktualisieren. Was auch immer der Grund ist, die Änderung des Logos auf Ihrer Divi Theme Website ist schnell und einfach.

Schnell und einfach das WordPress Divi Theme Logo ändern

Wie lässt sich in Divi das Logo ändern?

Sie möchten das Divi Logo ändern und das Standard Logo entfernen?

Dies sind die benötigten Schritte für das Ändern des Logos im Header:

1. Im WordPress Backend als Admin einloggen
2. Auf der Linken Seite Leiste auf Divi und anschließend auf Theme Optionen klicken
3. Unter dem Reiter Allgemeines -> Allgemein in der ersten Zeile auf den Button hochladen klicken
4. Das gewünschte Divi Logo hochladen oder in der Mediathek ein Bild auswählen
5. Unten rechts auf den blauen Button „Als Logo einrichten“ klicken
6. Mit dem grünen Button „Änderungen speichern“ bestätigen

Gehen Sie jetzt auf eine beliebige Seite und aktualisieren Sie diese gegebenenfalls in Ihrem Browser. Nun sehen Sie in der Kopfzeile der Webseite das neue Logo anstelle des Standard Divi Logos.

Andere globale Divi Einstellungen entdecken.

Divi Logo beim Herunterscrollen ändern

Gelegentlich kommt es vor, dass man das Logo beim Herunterscrollen ändern möchte. Beispielsweise wenn Sie ein Menü mit transparentem Hintergrund verwenden, damit Ihre hübsche Hero Section besser zur Geltung kommt. Beim Herunterscrollen ist es aber von Vorteil auf ein farbiges Menü zu wechseln, da ansonsten die Menüpunkte kaum sichtbar sind. Anschließend können Sie Ihr Logo nur für das farbige Menü einblenden.

Wie sie das Divi Logo ändern können, zeige ich Ihnen jetzt.

1. Laden Sie das neue gewünschte Logo in der Mediathek hoch

2. Fügen Sie folgenden CSS Code in Ihr Child Theme ein oder in den Divi Theme Optionen

@media only screen and (min-width : 981px) {
/*Logo beim Scrollen ändern*/
.et-fixed-header #logo {
content: url(IHRE_LOGO_URL);
}
}

Mit diesem Code wechselt das Logo nur auf Desktop Bildschirmen

Wenn Sie es auch auf kleineren Bildschirmen ändern möchten, dann benutzten Sie bitte diesen Code:

/*Logo beim Scrollen ändern*/

.et-fixed-header #logo {
content: url(IHRE_LOGO_URL);
}

Divi Theme Favicon ändern und hochladen

Um anstelle des WordPress Logos Ihr eigenes Icon neben der Webseiten URL anzeigen zu lassen, müssen Sie das Divi Theme Favicon ändern.

Befolgen Sie dabei diese Schritte:

1. Loggen Sie sich im WordPress Backend als Admin an
2. Klicken Sie auf Divi und anschließend auf den Theme Customizer
3. Gehen Sie jetzt zu den Allgemeinen Einstellungen
4. Wählen Sie Website-Identität aus
5. Klicken Sie unten auf Website-Icon auswählen
6. Laden Sie das gewünschte Icon hoch oder wählen eines aus der Mediathek aus und bestätigen mit „Auswählen“
7. Veröffentlichen Sie als nächstes Ihre Einstellungen

Wenn Sie es als nächstes überprüfen möchten, dann aktualisieren Sie am besten die Seite und Sie werden Ihr neues Faveicon für das Divi Theme sehen.

Divi Favicon Generator

Wenn Sie ein Favicon zu Ihrer Divi Website hinzufügen möchten, können Sie einen Favicon Generator verwenden. Mit diesem Tool können Sie ein benutzerdefiniertes Favicon für Ihre Website erstellen. Geben Sie einfach das gewünschte Bild ein, und der Generator wird ein Favicon für Sie erstellen.

Verwenden Sie zum Beispiel diesen Favicon Generator.

FAQ

Was ist die beste Divi Logo Größe?

Die beste Divi Logo Größe hängt ganz vom jeweiligen Logo ab. Es ist jedoch ratsam, eine Größe von 250×100 Pixel anzustreben.

Was ist ein WordPress Faveicon?

Ein WordPress Faveicon wird auch als Website-Icon bezeichnet. Es ist ein kleines Bild, welches normalerweise in der Adressleiste des Browsers neben dem Namen oder der URL der Website angezeigt wird.

Warum für das Text-Logo nicht eine Grafik verwenden?

Wenn Sie ein Text Logo verwenden wollen, ist es besser dies nicht als Grafik hochzuladen. Da einige Browser das Bild verpixelt darstellen könnten. Daher ist es besser, anstelle einer Bilddatei, echten Text zu verwenden.

Fanden Sie den Beitrag hilfreich oder haben Fragen? Dann schreiben Sie uns gerne eine Nachricht oder einen Kommentar.