Evidenziazione del plug-in Divi – Divi Logo Manager

I loghi sono una parte importante di ogni sito web. Raccontano ai tuoi lettori del tuo marchio e forniscono il riconoscimento del marchio. Ciò che un sito Web può fare con un logo è generalmente limitato. Usando Divi possiamo regolare le dimensioni e farle rimpicciolire o scomparire durante lo scorrimento. È fantastico per la maggior parte dei siti Web, ma se volessi fare di più con il tuo logo? Potresti essere interessato a un plug-in di terze parti chiamato Divi Logo Manager.

Divi Logo Manager è un plug-in premium per Divi che ti consente di modificare i loghi sul tuo sito web. È possibile utilizzare un logo diverso in base al dispositivo (cellulare, tablet o desktop), passare a un logo diverso durante lo scorrimento, impostare un logo per pagina e regolare la quantità di sporgenza. È compatibile con pagine, progetti e pagine di prodotti WooCommerce.

In questo momento saliente del plugin daremo un'occhiata a cosa può fare il plugin. Le immagini per gli esempi sono prese da Unsplash.com.

Installazione e impostazioni di Divi Logo Manager

Carica e attiva il plugin zippato. Una volta attivato è pronto per l'uso. Tutto il lavoro viene svolto nel menu Impostazioni, nelle singole pagine e nelle pagine dei prodotti WooCommerce. Nella dashboard, vai su Impostazioni e seleziona Divi Logo Manager. Da qui puoi selezionare le dimensioni sporgenti, il logo mobile, il logo del tablet, il logo del desktop e il logo di scorrimento.

Il logo del desktop viene aggiunto nelle opzioni del tema Divi. Tutti gli altri loghi vengono aggiunti in questa pagina o su ogni pagina singolarmente.

Sporgenza

Ci sono 9 diverse opzioni di sbalzo che vanno da nessuna a inconcepibilmente grandi e vari livelli intermedi. Ciò aggiunge un nuovo elemento di design che vale la pena utilizzare anche se non è necessario modificare i loghi.

Per pagina

Divi Logo Manager aggiunge un nuovo set di impostazioni alle tue pagine, progetti e pagine dei prodotti WooCommerce che ti consentono di sovrascrivere le impostazioni che hai impostato nel menu principale in modo da poter scegliere un logo specifico per ogni pagina. Puoi impostarli per desktop, mobile, tablet e scroll. Questo è ottimo per landing page, offerte speciali, pagine di portfolio, prodotti, ecc.

Esempi di Divi Logo Manager

Diamo un'occhiata al logo su ciascuno dei dispositivi e con vari livelli di sbalzo. Userò gli strumenti per sviluppatori di Google Chrome per emulare dispositivi mobili e tablet.

Desktop

Per il logo del desktop ho usato un'immagine artistica di un leone. Questa è la versione standard del logo senza sporgenze. Questo logo deve essere caricato nelle impostazioni del tema di Divi.

Ora che ho caricato un logo, ora appare nelle impostazioni del plugin.

Sporgenza

Ecco uno sguardo ad alcune delle sporgenze. Questo ha una piccola sporgenza. È solo evidente.

Questo usa una sporgenza un po' più grande. È più evidente e mi piace il modo in cui appare contro la pagina.

Questo è medio grande. È una buona taglia a tutto tondo.

Questo usa un enorme sbalzo. Potrebbe essere troppo grande per alcuni modelli.

Questo usa una sporgenza inconcepibilmente grande. Non si adatterebbe a tutti i design, ma per i design starebbe benissimo in esso si distinguerebbe. Con questo livello di scelte puoi facilmente trovare una sporgenza che funzioni per qualsiasi sito web.

La funzione di sporgenza funziona con Extra, ma non la funzione di scambio del logo. Ecco Extra con un grande sbalzo.

Scorri il logo

La funzione Scroll Logo consente di specificare un logo che verrà visualizzato solo durante lo scorrimento. In questo esempio ho aggiunto un logo di scorrimento.

Il logo cambia non appena l'intestazione si restringe.

Tavoletta

Ecco un nuovo logo che verrà visualizzato solo sui tablet. Diamo un'occhiata ad alcuni esempi utilizzando gli strumenti per sviluppatori di Google Chrome.

Questo è un iPad. Mantiene la sovrapposizione anche su dispositivi mobili e desktop. Il logo è cambiato per adattarsi all'impostazione del tablet.

Ecco un iPad in modalità orizzontale. Alcuni tablet visualizzano il logo del desktop se lo schermo è sufficientemente grande.

Questo è un Nexus 10 in modalità verticale.

Ecco il Nexus 10 in modalità orizzontale. Visualizza il logo del desktop.

Ecco il Nexus 10 su scroll. Il logo cambia sui tablet proprio come sul desktop.

Questa è la sporgenza inconcepibilmente grande su un iPhone 6 Plus.

Questo utilizza la sporgenza media su iPhone 6 Plus.

Questo usa Large Overhang.

Questo usa Small Overhang.

Mobile

Ho aggiunto un logo per il cellulare.

Questo usa Responsive con una grande sporgenza.

Questo utilizza Large Overhang con iPhone 6 Plus.

Questo è iPhone 6 Plus in modalità orizzontale.

Questo è il Galaxy Note 3.

Questo è Galaxy Note 3 in modalità orizzontale. Potrebbe essere necessario sperimentare la sporgenza per trovare la scelta perfetta per il tuo sito su dispositivi mobili.

Pagine dei prodotti WooCommerce

Funziona anche sulle pagine dei prodotti WooCommerce. Funziona esattamente come le pagine normali per impostazione predefinita, quindi non c'è nulla da configurare. Questo è il logo normale con Large Overhang.

Pagine del progetto

Divi Logo Manager funziona anche sulle pagine del progetto per impostazione predefinita. Ecco una pagina del progetto con un nuovo logo desktop. Proprio come le pagine normali, le pagine del progetto includono la personalizzazione per scegliere un logo per pagina.

Per pagina

Puoi selezionare un logo personalizzato che viene mostrato solo su una singola pagina che scegli. Nell'editor visuale vedrai una nuova area di personalizzazione sulla destra chiamata Divi Logo Manager. Qui puoi selezionare i loghi per desktop, mobile, tablet e scorrere per pagina.

In questo esempio ho creato un nuovo prodotto. Questo prodotto è così diverso dagli altri che il logo standard non corrisponde. Questa pagina del prodotto potrebbe trarre vantaggio dall'avere un proprio logo separato.

Ecco uno sguardo ai loghi che ho scelto per visualizzare questa pagina.

Ecco il logo del desktop che utilizza una sporgenza grande.

Ecco il logo di scorrimento.

Questo è il logo del cellulare che utilizza iPhone 6 Plus.

Questo è l'iPhone 6 Plus in modalità orizzontale.

Ecco il logo del tablet che utilizza un Nexus 10.

Torna alla nostra pagina originale... Ho aggiunto un nuovo logo per lo scorrimento che voglio mostrare solo in questa pagina.

Questa pagina ora utilizza il logo personalizzato sullo scorrimento.

Licenza, aggiornamenti e supporto

Il plug-in può essere installato su siti Web illimitati per te e i tuoi clienti. Include aggiornamenti a vita e 6 mesi di supporto.

Per ulteriori informazioni, vedere il sito Web dell'editore su KiwiWeb.co.uk.

Pensieri finali

Divi Logo Manager è immediato e semplice da usare. Basta selezionare il logo che si desidera visualizzare per dispositivo e per lo scorrimento e impostare la quantità di sporgenza. I loghi possono essere sovrascritti per ogni pagina individualmente. L'overhang è un ottimo modo per aggiungere un po' di brio e far risaltare il tuo sito. La sporgenza può essere nascosta o evidente come desideri. La sola funzione di sporgenza vale la pena utilizzare il plug-in.

Se sei interessato a scegliere i loghi in base al dispositivo, cambiare il logo durante lo scorrimento o aggiungere una funzione di sporgenza, Divi Logo Manager potrebbe essere il plug-in di cui hai bisogno.

Ci piacerebbe sentire da voi. Hai usato Divi Logo Manager? Fateci sapere cosa ne pensate nei commenti qui sotto!

Immagine in primo piano tramite SiuWing / shutterstock.com