Divi Plugin Highlight – Divi Logo Manager

Logos sind ein wichtiger Bestandteil jeder Website. Sie informieren Ihre Leser über Ihre Marke und sorgen für Markenwiedererkennung. Was eine Website mit einem Logo machen kann, ist in der Regel begrenzt. Mit Divi können wir die Größe anpassen und sie beim Scrollen verkleinern oder verschwinden lassen. Das ist für die meisten Websites großartig, aber was ist, wenn Sie mehr mit Ihrem Logo machen möchten? Sie könnten an einem Drittanbieter-Plugin namens Divi Logo Manager interessiert sein.

Divi Logo Manager ist ein Premium-Plugin für Divi, mit dem Sie Logos auf Ihrer Website ändern können. Sie können je nach Gerät (Mobilgerät, Tablet oder Desktop) ein anderes Logo verwenden, beim Scrollen zu einem anderen Logo wechseln, ein Logo pro Seite festlegen und den Überhang anpassen. Es ist mit Seiten, Projekten und WooCommerce-Produktseiten kompatibel.

In diesem Plugin-Highlight schauen wir uns an, was das Plugin kann. Bilder für die Beispiele stammen von Unsplash.com.

Divi Logo Manager Installation und Einstellungen

Laden Sie das gezippte Plugin hoch und aktivieren Sie es. Sobald es aktiviert ist, ist es einsatzbereit. Alle Arbeiten werden im Einstellungsmenü, auf den einzelnen Seiten und auf den WooCommerce-Produktseiten erledigt. Gehen Sie im Dashboard zu Einstellungen und wählen Sie Divi Logo Manager. Von hier aus können Sie die überhängende Größe, das Handy-Logo, das Tablet-Logo, das Desktop-Logo und das Scroll-Logo auswählen.

Das Desktop-Logo wird in den Divi-Designoptionen hinzugefügt. Alle anderen Logos werden auf dieser Seite oder auf jeder Seite einzeln hinzugefügt.

Überhang

Es gibt 9 verschiedene Überhangoptionen, die von keinem bis unvorstellbar groß und verschiedenen Ebenen dazwischen reichen. Dies fügt ein neues Designelement hinzu, das sich lohnt, auch wenn Sie Logos nicht ändern müssen.

Pro Seite

Divi Logo Manager fügt Ihren Seiten, Projekten und WooCommerce-Produktseiten einen neuen Satz von Einstellungen hinzu, mit denen Sie die Einstellungen überschreiben können, die Sie im Hauptmenü festgelegt haben, sodass Sie für jede Seite ein bestimmtes Logo auswählen können. Sie können sie für Desktop, Handy, Tablet und Scrollen festlegen. Dies ist ideal für Landingpages, Sonderangebote, Portfolioseiten, Produkte usw.

Divi Logo Manager Beispiele

Werfen wir einen Blick auf das Logo auf jedem der Geräte und mit verschiedenen Überhängen. Ich verwende die Entwicklertools von Google Chrome, um mobile und Tablet-Geräte zu emulieren.

Desktop

Für das Desktop-Logo habe ich ein künstlerisches Bild eines Löwen verwendet. Dies ist die Standardversion des Logos ohne Überhang. Dieses Logo muss in die Themeneinstellungen von Divi geladen werden.

Nachdem ich ein Logo hochgeladen habe, erscheint es nun in den Plugin-Einstellungen.

Überhang

Hier sehen Sie einige Überhänge. Dieser hat einen kleinen Überhang. Es ist nur auffällig.

Dieser verwendet einen etwas größeren Überhang. Es ist auffälliger und ich mag die Art und Weise, wie es gegenüber der Seite aussieht.

Dieser ist mittelgroß. Es ist eine gute Allround-Größe.

Dieser verwendet einen riesigen Überhang. Es könnte für einige Designs zu groß sein.

Dieser verwendet einen unvorstellbar großen Überhang. Es würde nicht zu jedem Design passen, aber für Designs würde es darin großartig aussehen. Mit dieser Auswahl können Sie leicht einen Überhang finden, der für jede Website funktioniert.

Die Überhangfunktion funktioniert mit Extra, aber nicht die Logoaustauschfunktion. Hier ist Extra mit großem Überhang.

Scroll-Logo

Mit der Funktion zum Scrollen des Logos können Sie ein Logo angeben, das nur beim Scrollen angezeigt wird. In diesem Beispiel habe ich ein Scroll-Logo hinzugefügt.

Das Logo ändert sich, sobald der Header verkleinert wird.

Tablette

Hier ist ein neues Logo, das nur auf Tablets angezeigt wird. Sehen wir uns einige Beispiele mit den Entwicklertools von Google Chrome an.

Dieses hier ist ein iPad. Es behält die Überlappung auch auf mobilen und Desktop-Geräten bei. Das Logo wurde an die Tablet-Einstellung angepasst.

Hier ist ein iPad im horizontalen Modus. Einige Tablets zeigen das Desktop-Logo an, wenn der Bildschirm groß genug ist.

Dies ist ein Nexus 10 im Hochformat.

Hier ist das Nexus 10 im horizontalen Modus. Es zeigt das Desktop-Logo an.

Hier ist das Nexus 10 beim Scrollen. Das Logo ändert sich auf Tablets genau wie auf dem Desktop.

Dies ist der unvorstellbar große Überhang auf einem iPhone 6 Plus.

Dieser verwendet Medium Overhang auf dem iPhone 6 Plus.

Dieser verwendet großen Überhang.

Dieser verwendet Small Overhang.

Handy, Mobiltelefon

Ich habe ein Logo für Handys hinzugefügt.

Dieser verwendet Responsive mit einem großen Überhang.

Dieser verwendet Large Overhang mit iPhone 6 Plus.

Dies ist das iPhone 6 Plus im horizontalen Modus.

Das ist Galaxy Note 3.

Dies ist das Galaxy Note 3 im horizontalen Modus. Möglicherweise müssen Sie mit dem Überhang experimentieren, um die perfekte Wahl für Ihre Website auf Mobilgeräten zu finden.

WooCommerce-Produktseiten

Es funktioniert auch auf WooCommerce-Produktseiten. Es funktioniert standardmäßig genauso wie normale Seiten, es muss also nichts eingerichtet werden. Dies ist das normale Logo mit Large Overhang.

Projektseiten

Divi Logo Manager funktioniert standardmäßig auch auf Projektseiten. Hier ist eine Projektseite mit einem neuen Desktop-Logo. Genau wie normale Seiten bieten Projektseiten die Möglichkeit, ein Logo pro Seite auszuwählen.

Pro Seite

Sie können ein benutzerdefiniertes Logo auswählen, das nur auf einer von Ihnen ausgewählten Seite angezeigt wird. Im visuellen Editor sehen Sie rechts einen neuen Anpassungsbereich namens Divi Logo Manager. Hier können Sie die Logos für Desktop, Handy, Tablet auswählen und auf Seitenbasis scrollen.

In diesem Beispiel habe ich ein neues Produkt erstellt. Dieses Produkt unterscheidet sich so stark von den anderen, dass das Standardlogo nicht übereinstimmt. Diese Produktseite könnte von einem eigenen separaten Logo profitieren.

Hier sehen Sie die Logos, die ich für die Anzeige dieser Seite ausgewählt habe.

Hier ist das Desktop-Logo mit einem großen Überhang.

Hier ist das Scroll-Logo.

Dies ist das Handy-Logo mit iPhone 6 Plus.

Dies ist das iPhone 6 Plus im horizontalen Modus.

Hier ist das Tablet-Logo mit einem Nexus 10.

Zurück zu unserer ursprünglichen Seite… Ich habe ein neues Logo für Scroll hinzugefügt, das ich nur auf dieser Seite zeigen möchte.

Diese Seite verwendet jetzt das benutzerdefinierte Logo beim Scrollen.

Lizenz, Updates und Support

Das Plugin kann auf unbegrenzten Websites für Sie und Ihre Kunden installiert werden. Es beinhaltet lebenslange Updates und 6 Monate Support.

Weitere Informationen finden Sie auf der Website des Herausgebers unter KiwiWeb.co.uk.

Abschließende Gedanken

Divi Logo Manager ist unkompliziert und einfach zu bedienen. Wählen Sie einfach das Logo aus, das Sie pro Gerät und zum Scrollen anzeigen möchten, und legen Sie den Überhang fest. Die Logos können für jede Seite einzeln überschrieben werden. Overhang ist eine großartige Möglichkeit, um etwas Schwung zu verleihen und Ihre Website hervorzuheben. Der Überhang kann so versteckt oder offensichtlich sein, wie Sie möchten. Alleine die Überhangfunktion macht die Verwendung des Plugins lohnenswert.

Wenn Sie Logos basierend auf dem Gerät auswählen, das Logo beim Scrollen ändern oder eine Überhangfunktion hinzufügen möchten, ist Divi Logo Manager möglicherweise das Plugin, das Sie benötigen.

Wir würden gerne von Ihnen hören. Haben Sie den Divi Logo Manager verwendet? Lassen Sie uns Ihre Meinung in den Kommentaren unten wissen!

Ausgewähltes Bild über SiuWing / shutterstock.com