Vorresti utilizzare un logo dinamico nel tuo modulo Divi Fullwidth Menu?
Cambia i loghi di a sito web può essere un processo che richiede tempo. Ciò è particolarmente vero se il sito web utilizza intestazioni diverse per modelli diversi.
Se utilizzi un'immagine per ognuna di queste intestazioni, dovrai accedervi e modificarle manualmente.
Fortunatamente, Divi può visualizzare dinamicamente il tuo logo. sito web, che ti fa risparmiare tempo!
In questo articolo, vedremo come utilizzare un logo dinamico nel modulo Menu a larghezza intera di Divi.
Cominciamo!
Come utilizzare il logo dinamico nel modulo menu a larghezza intera
Per iniziare, apri il modulo Menu a larghezza intera per il quale desideri utilizzare un logo dinamico. Aggiungo il modello di intestazione in Divi Theme Builder.
Guarda anche: Divi: come utilizzare l'opzione "Ripeti sfumatura" per creare motivi di sfondo personalizzati
Per questo esempio, supponiamo che tu abbia già configurato un modulo Menu a larghezza intera con un logo selezionato.
Apri il generatore di temi Divi
Per utilizzare un logo dinamico, vai a Divi > Generatore di temi nella dashboard di WordPress.
- Divi
- Generatore di temi
Seleziona il icona dell'intestazione che si desidera modificare. Attendere l'apertura dell'editor.
- Modifica
Cambia il logo in contenuto dinamico
Quindi apri il impostazioni dal modulo Menu a larghezza intera selezionando la relativa icona a forma di ingranaggio.
- Impostazioni del modulo
Nella scheda Contenuti, scorri verso il basso fino alla sezione intitolata Logo. Passa il mouse sopra l'immagine del logo e fai clic su icona del cestino . Se preferisci, puoi anche fare clic sull'icona di ripristino circolare.
- Elimina
Quindi passare il mouse sopra l'area dell'immagine per visualizzare il file icona Contenuto dinamico . Fare clic sull'icona per aprire le scelte di contenuto dinamico.
- Contenuto dinamico
Si apre una modale con molte opzioni tra cui scegliere. Selezionare Logo del sito nella sezione superiore.
- Logo del sito
Vedrai apparire il nuovo logo nel menu dell'intestazione che è specificato nelle opzioni del Tema Divi.
Sotto il logo nelle impostazioni di selezione del logo, vedrai il messaggio "Sito web con logo". Ciò indica che il modulo ora visualizza il logo dinamico. Fare clic sul pulsante verde per chiudere il modulo.
Quindi salva il layout facendo clic sul pulsante verde Enregistrer nell'angolo in basso a destra e cliccando su X nell'angolo in alto a destra per chiudere l'editor.
- Risparmi
- Chiudi
Infine, fai clic su Salva modifiche nell'angolo in alto a sinistra della schermata Theme Builder.
- Salva modifiche
Leggi anche: Divi: come modificare lo stile di più elementi quando si passa con il mouse o dopo un clic
Eseguire questa serie di passaggi per ciascun modulo Menu a larghezza intera per il quale si desidera utilizzare il logo dinamico. Ti consigliamo di eseguire questa attività quando copi o crei le intestazioni.
Ora vediamo come modificare il logo Divi in modo che cambi nel modulo Menu a larghezza intera.
Come cambiare il logo in Divi
Quindi, vediamo come dire a Divi quale logo utilizzare. Ogni volta che vuoi cambiare il logo, procedi come segue. Il logo cambia dinamicamente, quindi gli utenti Divi non devono mai aprire il modulo Menu a larghezza intera per cambiare il logo.
Logo Divi “Prima”.
Per aiutare a capire cosa sta succedendo, diamo un'occhiata al logo sulla parte anteriore del sito prima e dopo il cambiamento. Innanzitutto, ecco un'anteprima del logo attuale sul mio sito di prova. Questo è configurato nelle opzioni del Tema Divi.
Cambia il logo Divi
Per cambiare il logo Divi, vai a Divi > Opzioni del tema nella dashboard di WordPress. La prima scheda, Generale, ha un campo chiamato Logo. Include un campo con l'URL del logo, un pulsante per reimpostare il logo predefinito e un pulsante per caricare un logo nel catalogo multimediale.
- Divi
- Tema Opzioni
- Generale (1a riga)
- Generale (2a riga
- Caricare
Questo apre la cartella multimediale in cui è possibile scegliere un'immagine dalla libreria multimediale o caricare una nuova immagine.
- Seleziona un'immagine
- Imposta come logo
Fare clic Salva modifiche nell'angolo in alto a sinistra dello schermo sopra le opzioni del Tema Divi. Ora ogni modello incluso il modulo Menu a larghezza intera con l'impostazione del logo dinamico ha modificato automaticamente il logo per visualizzare il tuo nuovo logo.
- Salva modifiche
Logo Divi "Dopo"
Il front-end del mio sito ora mostra il nuovo logo, anche se non ho aperto il generatore di temi e apportato modifiche lì. Questa modifica si è riflessa automaticamente in ogni modulo del menu a larghezza intera che utilizza il logo dinamico.
Come altro esempio, quando apriamo uno dei modelli nel generatore di temi, vedremo il nuovo logo. Questo esempio mostra il layout dell'intestazione della home page con il logo già aggiornato senza ulteriori input da parte mia.
Scarica DIVI ora!!!
Conclusione
Questo è il nostro sguardo su come utilizzare un logo dinamico nel modulo Menu a larghezza intera di Divi. Il logo dinamico è facile da impostare nel modulo. L'uso di un logo dinamico può far risparmiare molto tempo durante la modifica dei loghi su un sito Divi.
Anche se utilizzi un solo modulo Menu a larghezza intera, il logo dinamico semplifica il processo. Quando si utilizzano più moduli, i loghi dinamici hanno un impatto ancora maggiore sul risparmio di tempo e sulla riduzione degli errori.
Spero che questo sarà utile per il tuo prossimo blog. Se hai dubbi o suggerimenti, trovaci in la sezione commenti per discuterne.
Puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet.
Non esitate a consultare anche la nostra guida sul Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.
Ma nel frattempo, condividi questo articolo sui tuoi diversi social network.
...
