25 funzioni Divi "nascoste" per aumentare la produttività e il design

Con tutte le potenti funzionalità Divi che sono state rilasciate nel corso degli anni, è sicuro dire che alcune di esse potrebbero essere state trascurate (o ignorate). Quelli di noi che usano Divi quotidianamente possono occasionalmente rimanere bloccati nei nostri modi Divi e hanno bisogno di un piccolo promemoria delle nuove funzionalità disponibili. E coloro che sono nuovi a Divi potrebbero aver bisogno di qualcuno che faccia luce su quelle funzionalità che si "nascondono" in un sito semplice. Indipendentemente dal fatto che tu sia un Divi Master o Youngling, non fa mai male dare un'occhiata a TUTTE le funzionalità disponibili in Divi. Potresti semplicemente imparare qualcosa di nuovo!

Per questo post, evidenzierò 25 funzionalità Divi che hanno lo scopo di aumentare la produttività e il design ma che potrebbero essere sfuggite all'attenzione di molti utenti. Capisco che non tutte queste funzionalità ti saranno nuove (alcune sono in circolazione dall'inizio di Divi), ma sono abbastanza sicuro che alcune ti sorprenderanno.

Divertiti!

25 funzioni Divi "nascoste" per aumentare la produttività e il design

Iscriviti al nostro canale Youtube

#1 Barra di ricerca delle opzioni di ricerca

Ok, questo non è proprio così "nascosto", ma sospetto che alcuni di voi non abbiano l'abitudine di usare questa funzione. Capisco. Le vecchie abitudini sono dure a morire, ma vale sicuramente la pena incorporare questa barra di ricerca nel tuo flusso di lavoro. Se hai bisogno di aggiungere un'imbottitura personalizzata al tuo modulo, non accontentarti di fare clic sulla scheda di progettazione, scorrere verso il basso, aprire l'interruttore delle dimensioni e quindi aggiungere il margine personalizzato. Digita semplicemente "margine" nella barra delle opzioni di ricerca e il gioco è fatto! Vuoi assicurarti che tutti i caratteri corrispondano a un determinato modulo? Digita semplicemente la parola "carattere" nella barra delle opzioni di ricerca e aggiorna il carattere del corpo, il carattere dell'intestazione e il carattere del pulsante in un piccolo elenco.

Suggerimento: non è necessario fare clic su una scheda specifica prima di eseguire la ricerca. I risultati della ricerca verranno estratti da tutte le opzioni di tutte e tre le schede, indipendentemente da dove ti trovi nelle impostazioni del testo.

La barra di ricerca può essere trovata anche quando si aggiunge un nuovo modulo. Inizia a digitare il nome del modulo che desideri e il tuo modulo apparirà in cima all'elenco senza dover scorrere per trovarlo.

#2 Posiziona il gradiente sopra l'immagine di sfondo

Questa è una grande caratteristica che migliora il processo di progettazione. L'aggiunta di sovrapposizioni sfumate alle immagini è una necessità nel web design e questa funzione semplifica l'aggiunta di tali sovrapposizioni direttamente all'interno di Divi Builder. Aggiungi semplicemente un'immagine di sfondo al tuo modulo e quindi aggiungi una combinazione di colori di sfondo sfumati. Sotto le opzioni di sfondo sfumato, seleziona "posiziona sfumatura sopra l'immagine di sfondo". Assicurati solo di avere una certa quantità di opacità con i colori del gradiente in modo da poter vedere l'immagine dietro il gradiente. E con Visual Builder, puoi facilmente adattare il tuo gradiente all'opacità e al colore perfetti per la tua immagine di sfondo.

# 3 Alterna i tuoi due colori di sfondo sfumati: c'è un pulsante per quello.

Questa non è una grande caratteristica, ma volevo menzionarla perché non sarei in grado di dormire la notte sapendo che ci sono alcuni di voi là fuori che continuano a cambiare manualmente quei codici colore. Ottenere lo sfondo sfumato giusto a volte può essere difficile, quindi è bene avere opzioni come questa.

Per alternare i colori, passa semplicemente il mouse sopra il selettore di colori e fai clic sull'icona "alternanza colori" (non sono sicuro del termine ufficiale). È anche quello accanto all'icona di eliminazione.

#4 Scorciatoie da tastiera

Questi sono facili da perdere e spesso dimenticati. Ma accelereranno il tuo flusso di lavoro se ti impegni a utilizzarli. Il tempo che risparmi usando i tasti di scelta rapida rispetto al tempo che passi a NON utilizzarli può essere considerevole. Voglio dire, c'è un motivo per cui impariamo a digitare invece di accontentarci della scrittura a mano (anche se mi piace scrivere a mano). E lo stesso vale per la creazione di siti web.

Puoi trovare un elenco delle scorciatoie da tastiera all'interno della modalità Divi Builder Helper. Digita semplicemente il punto interrogativo (maiusc + ?) sulla tastiera da Visual Builder e fai clic sulla scheda dei tasti di scelta rapida.

Oh sì, è possibile accedere ai video della documentazione di aiuto allo stesso modo. Non dimentichiamoci di quelli.

Ecco un elenco di tutti i tasti di scelta rapida disponibili. Ho evidenziato quelli che suggerisco di iniziare (personalmente li uso sempre):

#5 Vista wireframe

Cito questo perché riempie il vuoto di dover passare alla build di backend mentre si progetta con il visual builder. Quindi, per tutti voi costruttori di backend irriducibili là fuori, potreste considerare di fare il salto al costruttore visivo.

E non dimenticare il tasto di scelta rapida per aprire e chiudere la vista wireframe: shift + w

Per ottenere una vista ancora più ampia del tuo layout all'interno della wireview, puoi selezionare l'icona a forma di freccia su ciascuna delle tue sezioni o righe per comprimere l'intera sezione.

#6 Modifica in linea

Esistono alcuni punti in cui è possibile eseguire la modifica in linea. Quando si utilizza Visual Builder e si desidera modificare il testo all'interno di un determinato modulo, non è necessario fare clic per modificare le impostazioni del modulo per cambiare il contenuto. Un semplice clic sul testo e l'editor in linea verrà distribuito, permettendoti di modificare il testo.

Quando si utilizza la vista wireframe all'interno di Visual Builder, è anche possibile modificare le etichette in linea. Vuoi cambiare il nome di un'etichetta di sezione? Non è necessario farlo dalla modale delle impostazioni di riga o dalle opzioni del tasto destro del mouse. Basta fare clic sull'etichetta e modificarla proprio lì.

Suggerimento: l' uscita dall'editor in linea può creare confusione, ma non deve esserlo. Basta premere il tasto esc e sei fuori.

#7 Test di suddivisione di Visual Builder utilizzando le opzioni del tasto destro del mouse

Sono sempre sorpreso di quanto sia facile utilizzare la funzione di test divisi all'interno di Visual Builder. Non entrerò nei dettagli qui perché puoi leggere la versione completa delle funzionalità. Ma ecco il succo di come funziona. Fare clic con il pulsante destro del mouse sulla sezione, riga o modulo che si desidera testare, quindi selezionare test diviso dal menu di scelta rapida. Quindi selezionare l'obiettivo del test (inserimento del modulo di contatto, clic sul pulsante, ecc…). Divi creerà automaticamente un'altra versione (dividendo) l'elemento che stai testando in modo che tu possa creare una nuova versione. Quando ho testato per la prima volta questa funzione, non ho capito come vedere entrambe le versioni del mio test diviso dal visual builder, quindi ho aperto la vista wireframe per vederle entrambe. Ma questo non è necessario. Una volta attivato un obiettivo di split test, noterai che sono visualizzate delle frecce nel menu delle impostazioni che ti consentono di scorrere le diverse versioni del tuo split test.

#8 Impostazioni del costruttore personalizzabili

Se non hai esplorato le Impostazioni del costruttore, non è troppo tardi. Ci sono alcune impostazioni utili qui che possono migliorare la tua interazione quotidiana con Visual Builder.

Ecco tre che voglio evidenziare.

Impostazioni Modale Posizione predefinita

Non so voi, ma io ho una certa preferenza per il modo in cui mi piace che i miei Modali vengano visualizzati quando effettuo modifiche sul mio monitor di grandi dimensioni (è la posizione fissa della barra laterale sinistra nel caso ve lo stiate chiedendo). Ma ci sono momenti in cui ho bisogno di rompere la tradizione e cambiare la posizione modale (di solito quando sto modificando su uno schermo più piccolo come il mio laptop). Quindi ho impostato la mia posizione predefinita per essere fissata nella barra laterale sinistra. In questo modo non vengo risucchiato a lavorare con una posizione modale con cui non mi sento a mio agio prima di rendermi conto della necessità di rimetterlo nel modo in cui mi piace.

Raggruppa le impostazioni in toggle chiusi

Per impostazione predefinita, Divi raggrupperà le opzioni di impostazione in interruttori. Ciò significa che dovrai fare clic per aprire quelle levette per vedere le opzioni all'interno di ciascuna di esse. Puoi disabilitare quella funzione in modo che le tue impostazioni non siano più raggruppate in interruttori, permettendoti di scorrere le impostazioni senza dover fare clic per visualizzare di più.

Modalità di interazione predefinita del costruttore

Come molte delle funzionalità elencate in questo articolo, questa è sicuramente una preferenza personale. Ma posso vedere i vantaggi per ciascuno. La modalità di interazione al passaggio del mouse predefinita evidenzia e distribuisce il menu delle impostazioni per qualsiasi sezione, riga o modulo al passaggio del mouse.

Anche la modalità clic può essere utile. A volte, potrebbe non essere chiaro su quale modulo stai modificando o passando con il mouse sopra, soprattutto se i moduli sono chiusi insieme e/o hanno margini personalizzati. La modalità clic elimina completamente le congetture evidenziando e delineando il contenuto del modulo al passaggio del mouse prima di fare clic per modificare il modulo.

La modalità Griglia evidenzierà e mostrerà il menu delle impostazioni per tutte le sezioni, righe e moduli contemporaneamente. Anche se non uso personalmente questa modalità come impostazione predefinita, vedo il valore dell'utilizzo della modalità griglia ogni volta che sposto/riorganizzo elementi nella mia pagina.

#9 Opzioni di progettazione di link, elenchi e citazioni con il modulo di testo

Non dimenticare la nuova interfaccia a schede per la gestione degli stili di testo personalizzati all'interno del modulo di testo di Divi. Queste schede ti consentono di personalizzare il design per i tuoi collegamenti, elenchi (non ordinati e ordinati) e citazioni. Apportare queste modifiche utilizzando i CSS può essere un trascinamento. Inoltre potresti voler cambiare le cose da un modulo all'altro. Queste opzioni ti consentono di farlo facilmente.

Ecco due delle mie opzioni preferite che potresti aver trascurato.

Opzioni stile elenco

Nelle schede Elenchi non ordinati e ordinati, puoi facilmente modificare il tipo di stile dell'elenco o eliminarlo tutti insieme.

È inoltre possibile modificare il margine di rientro per gli elementi dell'elenco e la posizione dello stile.

Opzioni stile blockquote

Nella scheda Blockquote, puoi modificare lo spessore del bordo e il colore dell'elemento di design che distingue il blockquote.

#10 Opzioni di design per tutti e 6 i livelli di intestazione

Sulla stessa nota del punto 9 sopra, la nuova interfaccia a schede esiste anche per i livelli di intestazione di testo. Ciò significa che se hai un modulo con più intestazioni (h1, h2, h3, ecc.), puoi dare a ciascuna di queste intestazioni uno stile unico all'interno delle impostazioni di progettazione del modulo. Nella scheda Progettazione, apri la sezione Intestazione titolo o Testo intestazione e seleziona la scheda che controlla il tipo di intestazione che desideri personalizzare.

Suggerimento: saprai quali livelli di intestazione sono stati personalizzati dall'etichetta blu sulla scheda. Se l'etichetta rimane grigia, le impostazioni predefinite sono attive per quel livello di intestazione.

#11 Carica caratteri personalizzati con i moduli Divi

Chi lo sa? Forse quel pulsante Carica è rimasto nascosto in un sito semplice per alcuni di voi. Se è così, dovresti assolutamente approfittare di questa comoda funzione. Non solo puoi caricare facilmente caratteri personalizzati in vari tipi di file (eot, woff2, woff, ttf, otf), Divi memorizzerà quei caratteri personalizzati per te in modo che diventino disponibili per tutti i moduli del tuo sito.

Tutto quello che devi fare è selezionare per cambiare il carattere di un elemento di testo e fare clic sul pulsante Carica.

Apparirà un Upload Font Modal che ti permetterà di nominare e aggiungere il tuo file di font.

Dopo che il file è stato selezionato, fai clic sul pulsante di caricamento. Quindi sarai in grado di accedere a questi caratteri personalizzati dallo stesso elenco di caratteri inclusi in Divi Builder.

#12 Rimuovi lo spazio sotto l'immagine

Questa funzione è in circolazione da un po', ma c'è la possibilità che tu l'abbia persa o che tu non ne capisca il significato.

Questa opzione ha effetto solo sulle immagini quando sono l'ultimo modulo in una colonna. Se abilitata, la distanza tra la parte inferiore dell'immagine e la sezione successiva viene rimossa, consentendo all'immagine di delimitare la parte superiore della sezione successiva della pagina.

Un modo per sfruttare questa funzione è posizionare le immagini dell'intestazione in modo che confinano con la sezione sottostante.

#13 Aggiungi unità diverse per ingressi diversi

Per impostazione predefinita, quando inserisci un numero per determinati input nelle impostazioni di Divi Builder, Divi lo tratterà come un'unità pixel. Ma non sei limitato a inserire unità di pixel per queste opzioni di input. Puoi anche inserire altre unità tra cui %, em, vh e vw.

Ad esempio, le percentuali funzionano molto bene per i dispositivi mobili. Se imposti un margine superiore al 5% (invece di qualcosa come 100 px) su desktop, il margine si ridimensionerà proporzionalmente al 5% della dimensione della sezione su dispositivi mobili (invece di ereditare un ampio spazio di 100 px che sarebbe troppo spazio sul cellulare). Questa è una buona tecnica per mantenere una sezione above the fold su browser di diverse dimensioni.

Puoi anche usare combinazioni di unità. Potresti voler mantenere la tua altezza fissa impostando i margini superiore e inferiore su un certo numero di pixel e quindi imposta i margini sinistro e destro su una certa percentuale.

Tutto quello che devi fare è digitare il suffisso dell'unità con il tuo numero durante la compilazione dei diversi input.

#14 Stati della storia

Gli stati della cronologia sono una sorta di macchina del tempo per le tue modifiche all'interno del Divi builder. Invece di utilizzare le opzioni oi tasti di scelta rapida annulla e ripristina, puoi visualizzare comodamente l'elenco delle modifiche facendo clic sul collegamento Cronologia modifiche dal menu delle impostazioni.

La cosa interessante di questa funzione è che elenca il timestamp e una piccola descrizione per ogni modifica all'interno dell'elenco dello stato della cronologia.

Inoltre, se selezioni uno stato della cronologia per tornare a uno stato passato, puoi sempre rivisitare l'elenco per andare avanti all'ultima modifica apportata. Fondamentalmente, ti consente di andare avanti e indietro attraverso le tue modifiche precedenti mentre vedi quelle modifiche in tempo reale con Visual Builder.

Tieni presente che questi stati della cronologia vengono salvati come una raccolta Backbone/oggetto Javascript e non vengono salvati nel tuo database e non ingrosseranno il tuo database. Per questo motivo, se esci dal builder durante la modifica della pagina, non sarai in grado di rivedere gli stati della cronologia creati in precedenza. Quindi assicurati di tenere aperto l'edificio fino a quando non avrai finalizzato il tuo progetto. Gli stati della cronologia iniziano quando carichi la pagina/il generatore.

#15 Opzione larghezza grondaia personalizzata (ottimo per i layout della griglia)

La larghezza del margine corrisponde alla quantità di spazio orizzontale (margine) tra le colonne di ogni riga.

I valori facoltativi per la larghezza della grondaia vanno da 1 a 4.

1 rappresenta il margine zero tra le colonne.
2 rappresenta un margine destro del 3% tra le colonne.
3 rappresenta un margine destro del 5,5% tra le colonne.
4 rappresenta un margine destro dell'8% tra le colonne.

Questo è sicuramente utile per progettare layout di griglia. I layout della griglia possono essere creati manualmente utilizzando strutture e moduli di colonne, ma puoi anche assegnare automaticamente i layout della griglia all'interno di determinati moduli come il modulo portfolio e il modulo blog.

Ad esempio, supponiamo di voler creare un layout di griglia a larghezza intera per visualizzare le immagini senza spazi tra loro. Puoi creare una nuova riga con tre colonne, aggiungere immagini alle tue colonne, rendere la riga a larghezza intera e quindi assegnarle una larghezza della grondaia personalizzata di 1.

#16 Opzioni clic destro

Posizione delle funzioni : fai semplicemente clic con il pulsante destro del mouse su qualsiasi sezione all'interno di Divi Builder.

Anche se non sto esaminando tutte le opzioni di clic destro qui, vorrei sottolineare un paio di opzioni che sono accessibili solo quando si fa clic con il tasto destro del mouse e che sono semplicemente troppo comode da trascurare.

Serratura

In qualità di amministratore, solo tu hai la possibilità di bloccare determinati elementi. Questo è un modo conveniente per impedire ai tuoi editor di modificare il contenuto che desideri invariato. Ti protegge anche dalla modifica accidentale di una sezione importante.

Comprimi e rinomina

Mi piace usare queste due opzioni in combinazione mentre costruisco pagine web più lunghe. Non so voi, ma io sono davvero stanco di scorrere su e giù per trovare le sezioni che devo modificare. Ecco perché utilizzo l'opzione di compressione del tasto destro del mouse per condensare ampie sezioni della mia pagina Web che sono state completate. Una volta compresso, utilizzo l'opzione del tasto destro per rinominare la sezione per un'etichetta amministratore riconoscibile.

#17 Disabilita i collegamenti del menu a discesa di livello superiore

Posizione caratteristica : Divi → Opzioni tema → Navigazione → Impostazioni generali

Per essere chiari, i collegamenti del menu a discesa di livello superiore sono i principali collegamenti principali che rimangono visibili nel menu di navigazione. I collegamenti di livello secondario sono quelli che vengono visualizzati dopo aver passato il mouse sul collegamento principale di livello superiore.

Disattivando i collegamenti del menu a discesa di livello superiore, i collegamenti principali di livello superiore non sono più collegamenti selezionabili. Possono invece fungere da segnaposto non cliccabili che etichettano e organizzano i tuoi collegamenti secondari.

Ad esempio, supponiamo che tu stia costruendo un sito per un'azienda che offre tre servizi principali e ognuno di questi servizi ha bisogno della propria pagina. Una configurazione normale sarebbe quella di avere un collegamento di livello superiore chiamato "servizi" con i tre tipi di servizi come voci di sottomenu. Invece di dover gestire il collegamento a una pagina di servizio generale, è possibile disabilitare il collegamento "servizi" di livello superiore e utilizzarlo semplicemente come etichetta organizzativa.

#18 Metodo alternativo di scorrimento per ancorare

Posizione caratteristica : Divi → Opzioni tema → Navigazione → Impostazioni generali

Se hai mai provato a collegarti direttamente a un ID CSS utilizzando un collegamento di ancoraggio da una pagina esterna, potresti aver notato che la posizione di riposo finale della pagina non è del tutto corretta. A volte è troppo basso in modo che parte del contenuto venga tagliato nella parte superiore.

Ecco come appare il mio schermo dopo il collegamento al mio ID CSS da una pagina esterna. Non puoi vederlo ma il titolo della sezione è stato tagliato.

L'abilitazione del metodo di scorrimento alternativo all'ancora risolve questo problema. Non solo mette l'utente nel punto corretto, la parte superiore della pagina viene caricata prima di scorrere fino all'ID CSS. Lo trovo utile per gli utenti che potrebbero confondersi e non rendersi conto inizialmente che stanno visualizzando una sezione della pagina.

#19 Nascondi il logo sul cellulare

Posizione delle funzioni : Divi → Personalizzazione del tema → Stili mobili → Menu mobile

Se hai bisogno di nascondere il tuo logo sul cellulare, Divi lo rende molto semplice. Ma è una di quelle opzioni che è facile trascurare. Risparmia tempo e non preoccuparti di scherzare con CSS aggiuntivi.

#20 Menu principale e animazione a discesa del menu secondario

Posizione della funzione del menu principale : Divi → Personalizzazione del tema → Intestazione e navigazione → Barra del menu principale Animazione del menu a discesa

Posizione della funzione del menu secondario : Divi → Personalizzazione del tema → Intestazione e navigazione → Barra dei menu secondaria -> Animazione del menu a discesa

Non devi accontentarti dell'animazione di dissolvenza predefinita per i tuoi menu a discesa. La sezione Animazione del menu a discesa include quattro opzioni:

1. Dissolvenza (impostazione predefinita)

2. Espandi

3. Scorri

4. Capovolgi

A volte microinterazioni come questa possono davvero far risaltare il tuo menu.

#21 Modifica (o disabilita) i crediti a piè di pagina

Posizione della funzione : Divi → Personalizzazione del tema → Piè di pagina → Barra inferiore → Disattiva crediti piè di pagina / Modifica crediti piè di pagina

Se usi Divi da un po', potresti esserti abituato a modificare la barra inferiore del tuo piè di pagina modificando il file footer.php nel tuo tema figlio. Questo non è più necessario.

Puoi facilmente disabilitare del tutto la barra in basso oppure puoi inserire i tuoi crediti di piè di pagina inserendo testo o html all'interno della casella di testo.

#22 Modifica della tavolozza dei colori predefinita di Divi

Posizione caratteristica : Divi → Opzioni tema → Scheda Generale → Tavolozza predefinita Selettori colore

Concediti una pausa dal copiare e incollare i codici colore esadecimali.

La tavolozza predefinita di Color Pickers è la tavolozza dei colori che verrà utilizzata in tutto il Divi Builder.

Se conosci il tema del colore del tuo sito web, aggiorna semplicemente i colori predefiniti per includere i colori necessari per il tuo design. Questa opzione può farti risparmiare molto tempo a lungo termine poiché questi colori saranno accessibili a te in tutti i moduli durante la creazione e la modifica del tuo sito.

#23 Impostazioni della pagina di Divi

Posizione : icona a forma di ingranaggio nel menu Impostazioni nella parte inferiore del Generatore visivo.

Da Divi 2.7, le impostazioni di Divi Builder ti consentono di impostare le impostazioni predefinite (e sovrascrivere le impostazioni del tema) per la pagina specifica su cui stai lavorando all'interno di Divi Builder. Questa capacità di impostare impostazioni specifiche della pagina è un risparmio di tempo estremamente conveniente per la creazione di pagine di destinazione o altre pagine che richiedono un design specifico che si discosta dalla norma.

Puoi impostare una tavolozza dei colori per la tua pagina che sovrascriverà la tavolozza predefinita nelle Opzioni del tema.

Puoi anche aggiungere CSS personalizzati specifici della pagina. Poiché il CSS verrà caricato solo sulla pagina specifica, non dovrai affrontare il problema di scegliere come target ID post specifici o accedere al tuo file style.css del tema figlio.

Una caratteristica unica delle impostazioni di Divi Builder è la possibilità di abilitare il sistema di test diviso Divi Leads per la tua pagina. Questo potente strumento è semplicemente troppo prezioso per essere ignorato. Se non l'hai ancora usato, segui il mio consiglio e inizia oggi il tuo primo test!

#24 Scegli quali meta informazioni visualizzare sui post del blog

Sebbene questa funzione Divi sia presente dall'inizio di Divi, può essere facilmente trascurata. Ciascuno dei tuoi post sul blog ha determinate meta informazioni che vengono mostrate sotto il titolo del post (autore, categoria, data, commenti). Ma, a seconda di come stai usando il tuo blog, potresti non volere che queste informazioni extra distraggano dal contenuto che stai fornendo. Divi semplifica la personalizzazione di queste informazioni per te.

Modifica le meta informazioni per il layout di un singolo post

Posizione : Divi → Opzioni tema → Layout (scheda) → Layout articolo singolo

Puoi facilmente fare clic per disabilitare o abilitare ciascuna delle quattro meta informazioni per tutti i tuoi singoli post del blog facendo clic su ciascuno di essi. Le meta info disabilitate verranno visualizzate come sbiadite.

Modifica le meta informazioni per gli estratti dei post della pagina del blog

Posizione: Divi → Opzioni tema → Layout (scheda) → Impostazioni generali

Per modificare le meta informazioni visualizzate sugli estratti dei post della pagina del tuo blog, fai semplicemente clic su ciascuno dei quattro meta elementi che desideri visualizzare o nascondere.

Se stai utilizzando il modulo blog Divi per la pagina del tuo blog, le impostazioni di cui sopra non funzioneranno. Dovrai modificare le meta-informazioni che desideri visualizzare nelle Impostazioni generali del modulo Blog.

#25 Il modulo del codice

Il modulo codice è una delle migliori funzionalità nascoste di Divi. Ti dà la possibilità di aggiungere html alla tua pagina senza restrizioni. Il modulo consente anche di aggiungere elementi html a determinate pagine senza che ciò influisca su altre pagine. Le capacità del Modulo codice sono infinite, ma ecco alcuni modi per utilizzarlo:

• Importa file css esterni come Animate.css solo per la pagina di cui hai bisogno per l'animazione.
• Aggiungi blocchi di codice javascript o librerie che hai applicato solo alla tua pagina.
• Integra plug-in di terze parti come il dispositivo di scorrimento della rivoluzione.
• È possibile utilizzare il modulo Codice a larghezza intera per incorporare un Typeform per questionari più interattivi, moduli di contatto, ecc...
• Aggiungi un menu di azioni mobile
• Crea un annuncio a scorrimento nella barra superiore.
• Aggiungi un pulsante di azione mobile.

In chiusura

Quando si impara qualcosa per la prima volta, a volte può sembrare di bere da un idrante antincendio, e ci sono cose che senza dubbio ti sarai perso e che dovrai rivedere. Il mio obiettivo con questo post era rivedere alcune di quelle funzionalità Divi che penso siano facili da perdere e troppo utili per ignorare.

Hai delle caratteristiche che ritieni dovrebbero essere sulla lista? Per favore condividi, sono sicuro che ne beneficeremo tutti.

Aspetto i vostri commenti.