Il tema Divi include 46 moduli da posizionare all’interno di righe per costruire i tuoi layout. Ci sono tanti moduli Divi! Alcuni di loro sono più facili da capire rispetto ad altri. A volte è difficile sapere quale modulo utilizzare. In questo articolo esamineremo ogni modulo Divi e descriveremo cosa fanno.
Indice
Cosa sono i Moduli Divi
Un modulo Divi è un elemento di contenuto rappresentato visivamente da un blocco. Possiamo trascinare e rilasciare quel blocco ovunque all’interno di sezioni, righe e colonne per costruire i nostri layout. Ogni modulo ha impostazioni individuali che possono essere regolate con regolazioni visive come selezioni di colore, controlli di scorrimento o interruttori. Possono essere ulteriormente personalizzati con CSS.
Senza moduli dovremmo gestire il codice stesso, incollandolo nella posizione in cui vogliamo che appaia e personalizzando ogni elemento all’interno del codice. Non solo questo sarebbe disordinato e confuso, avrebbe un’elevata curva di apprendimento e limiterebbe l’uso di Divi ai programmatori.
Lo scopo di Divi è portare questo alto livello di sviluppo alle masse in modo che chiunque possa creare un sito web. I moduli sono il risultato di questo obiettivo.
Ci sono 46 moduli Divi integrati in Divi Builder. 37 sono di larghezza regolare (che funzionano nelle sezioni Standard e Specialistiche) e 9 sono a larghezza intera (che sono versioni di moduli regolari e funzionano nelle sezioni a larghezza intera).
In questo articolo daremo uno sguardo a ogni modulo. Ho anche fornito collegamenti per vedere un tutorial dettagliato su ogni modulo dalla documentazione di Elegant Themes. Alcune delle versioni a larghezza intera non hanno tutorial, quindi le ho collegate alle versioni normali.
1. Accedi
Il modulo di accesso ti consente di visualizzare un modulo di accesso di WordPress con un titolo, un’area del contenuto, reindirizzamenti e uno stile di campo per creare un modulo di accesso che corrisponda allo stile del tuo sito Web, rendendolo un’ottima scelta per i siti Web di appartenenza.
2. Accordino
Le fisarmoniche sono un ottimo modo per mostrare molte informazioni in un piccolo spazio e sono spesso utilizzate per mostrare istruzioni, domande frequenti, elenchi, funzioni o qualsiasi informazione che può essere rivelata quando necessario.
3. Audio
Il modulo audio ti consente di incorporare un file audio completo di un lettore personalizzato che è ottimo per singole tracce di album, album completi (utilizza più moduli per più di una traccia), podcast o qualsiasi tipo di campione audio.
4. Barra Laterale
Il modulo Sidebar ti consente di scegliere qualsiasi area del widget da visualizzare all’interno del tuo contenuto e visualizzarlo con orientamento sinistro o destro e con o senza un separatore di bordo e personalizzarlo come qualsiasi modulo Divi con testo personalizzato, sfondi, bordi, animazioni e altro.
5. Barre-Contatori
I contatori di barre forniscono un modo interessante per visualizzare tutte le statistiche che desideri con un’animazione a caricamento lento per far risaltare quelle statistiche.
6. Blog
Il modulo blog mostra i post del tuo blog, tutti o per categoria, e con un formato a una o più colonne.
7. Blur
I Blur sono ottimi per mostrare piccole informazioni, come competenze, funzionalità o servizi, e possono includere icone o immagini e ha un’area di contenuto proprio come l’editor standard di WordPress.
8. Call-To-Action
Il modulo Call To Action combina un titolo, un corpo del testo e un pulsante ed è ottimo per attirare l’attenzione sulla tua offerta e invogliare i tuoi visitatori a fare clic per ottenere un preventivo, contattarti o acquistare i tuoi prodotti.
9. Cerchio-Contatore
Il contatore circolare mostra una singola statistica con un contatore animato che conta fino a un certo numero o percentuale mentre il visitatore scorre.
10. Codice
Il modulo Codice fornisce un modo semplice per aggiungere codice, come HTML statico o shortcode da un plug-in di terze parti, a una pagina.
11. Commenti
Utilizza il modulo Commenti per inserire una funzione di commento del blog ovunque sulla tua pagina, anziché appena sotto il post, e modellala in modo che corrisponda al design del tuo sito web.
12. Contatore Numerico
Il contatore del numero ti consente di visualizzare statistiche, come il numero di clienti che hai o il numero di progetti che hai completato, con titolo e stile di testo separati e un segno di percentuale opzionale.
13. E-mail Optin
Il modulo Email Optin supporta 20 provider ed è un ottimo modo per creare il tuo modulo di iscrizione alla newsletter.
14. Galleria
Il modulo Galleria mostra una raccolta di immagini con impaginazione in un layout a griglia o come dispositivo di scorrimento.
15. Immagine
Il modulo Immagine mostra un’immagine con caricamento lento, un lightbox, filtri, animazioni, una sovrapposizione con icone e altro ancora.
16. Video Slider
Una slider video è un ottimo modo per organizzare raccolte di video da qualsiasi fonte con frecce, tracce di miniature o controlli di navigazione a punti, sovrapposizione personalizzata, colore di controllo del cursore personalizzato, colore dell’icona, colore della sovrapposizione di miniature e un’immagine e frecce personalizzate per ciascuna video.
17. Mappa
Il modulo Mappa ti consente di incorporare una mappa Google personalizzata che può essere ingrandita utilizzando la rotellina del mouse o trascinabile (per dispositivi mobili) e ha una posizione di partenza personalizzata, segnaposto illimitati, un filtro in scala di grigi e uno stile mappa personalizzato.
Il modulo menu semplifica il posizionamento di un menu di navigazione in qualsiasi punto della pagina, ad esempio sotto l’area principale o sotto l’immagine della pagina iniziale.
19. Modulo di Contatto
Il modulo di contatto semplifica la creazione di moduli con più campi che vengono visualizzati in base alla logica determinata dall’utente.
20. Modulo Separatore
Usa il separatore per creare una linea orizzontale, uno spazio verticale o entrambi contemporaneamente per aggiungere struttura e elementi visivi alle tue pagine.
Il modulo Navigazione Post aggiunge i link – precedente e successivo – completamente personalizzabili ai tuoi post nella stessa categoria o in qualsiasi categoria e come testo o pulsanti.
22. Negozio
Il modulo Negozio ti consente di aggiungere prodotti WooCommerce a qualsiasi pagina o post e include il tipo di contenuto, il conteggio dei prodotti, un layout di 1-6 colonne, con opzioni di ordinamento, impaginazione, sovrapposizioni di prodotti personalizzati e un badge di vendita personalizzato.
23. Persona
Il modulo Persona combina testo, un’immagine e collegamenti ai social media per creare un profilo personale o una biografia individuale per le pagine Chi sono e Membri del team.
24. Portfolio
Il modulo Portfolio semplifica la visualizzazione di un numero qualsiasi di progetti in un layout a larghezza intera oa griglia e consente di visualizzare qualsiasi categoria con titolo, categoria e testo di impaginazione.
25. Portfolio Filtrabile
Il modulo Portafoglio filtrabile semplifica la visualizzazione del tuo progetto recente in un layout standard o all’interno di una griglia e utilizza il caricamento AJAX quando i progetti vengono filtrati per categoria per visualizzare senza problemi qualsiasi categoria che i tuoi visitatori desiderano vedere.
26. Pulsante
I pulsanti includono testo, collegamenti, icone, sfondi, ecc. E funzionano perfettamente come moduli autonomi o come pulsanti complementari a un altro modulo per creare inviti all’azione.
27. Ricerca
Il modulo di ricerca aggiunge un modulo personalizzabile con segnaposto e sfondi al tuo sito web che consente ai visitatori di cercare i tuoi contenuti dandoti la possibilità di escludere pagine, post e categorie specifici.
28. Scheda
Le schede ti consentono di creare contenuto utilizzando un normale editor di WordPress e visualizzare tale contenuto sulla propria scheda con testo e sfondo personalizzati che vengono visualizzati orizzontalmente in righe larghe e impilati verticalmente in ¼ righe, con ogni scheda con testo, sfondi e contenuti personalizzati .
Segui Social Media ti consente di creare collegamenti ai tuoi profili social per un massimo di 14 reti con le loro icone social, con o senza un pulsante Segui e con tutte le personalizzazioni che ti aspetteresti da un modulo Divi.
30. Slider Post
Il modulo Post Slider visualizza i post del blog in una o tutte le categorie con un ordine personalizzato, testo del pulsante per saperne di più, estratto o post completo, frecce e controlli personalizzati e come solo testo o con un’immagine in primo piano con overlay personalizzato.
31. Slider
Gli slider possono mostrare tutte le diapositive che desideri con frecce e controlli vari, immagini con sfondi parallasse, sfondi video, pulsanti e contenuto.
32. Tabella Prezzi
Le tabelle dei prezzi ti consentono di mostrare tutti i prezzi che desideri all’interno di schede che mostrano le caratteristiche del prodotto o del servizio con punti elenco personalizzati, elementi centrati o sfalsati, colori di sfondo personalizzati e un’ombra esterna.
33. Testimonial
Il modulo Testimonianza mostra il nome dell’autore, il titolo del lavoro, il nome dell’azienda, l’immagine, i collegamenti, l’icona del preventivo personalizzabile e la testimonianza utilizzando il normale editor di contenuti di WordPress per visualizzare citazioni di clienti, lettori, acquirenti e altro per le tue pagine di vendita e di iscrizione.
34. Testo
Il modulo Testo fornisce un editor di testo WordPress completo di personalizzazioni Divi per lo sfondo, il testo del corpo e dell’intestazione, il bordo, il dimensionamento, l’ombra della casella, i filtri e l’animazione.
35. Timer Conto alla rovescia
Il timer per il conto alla rovescia crea un timer che esegue il conto alla rovescia fino a una data specificata, creando un’ottima visuale per una pagina in arrivo in modalità di manutenzione, rilascio del prodotto o evento.
36. Titolo del Post
Il modulo Titolo del post mostra il titolo del post corrente e include l’opzione per mostrare l’immagine in primo piano sopra, sotto o dietro il titolo completa di meta e personalizzazioni del testo per creare alcuni interessanti design del blog.
37. Toggle
I toggle sono un ottimo modo per visualizzare molte informazioni in un piccolo spazio visualizzando il contenuto creato in un editor WordPress standard, scegliendo aperto o chiuso come stato normale, quindi personalizzando l’icona e alternando testo e sfondo.
38. Video
Il video ti consente di incorporare video da qualsiasi fonte, inclusi quelli caricati o un URL, e mostra l’immagine del video o ti consente di personalizzarlo con un’immagine come sovrapposizione e ti consente di personalizzare il colore dell’icona di riproduzione.
