Lista moduli Divi

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.

Maggiori informazioni

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.

Maggiori informazioni

3. Audio

accedi

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.

Maggiori informazioni

4. Barra Laterale

accedi

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.

Maggiori informazioni

5. Barre-Contatori

accedi

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.

Maggiori informazioni

6. Blog

accedi

Il modulo blog mostra i post del tuo blog, tutti o per categoria, e con un formato a una o più colonne.

Maggiori informazioni

7. Blur

accedi

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.

Maggiori informazioni

8. Call-To-Action

accedi

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.

Maggiori informazioni

9. Cerchio-Contatore

accedi

Il contatore circolare mostra una singola statistica con un contatore animato che conta fino a un certo numero o percentuale mentre il visitatore scorre.

Maggiori informazioni

10. Codice

accedi

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.

Maggiori informazioni

11. Commenti

accedi

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.

Maggiori informazioni

12. Contatore Numerico

accedi

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.

Maggiori informazioni

13. E-mail Optin

accedi

Il modulo Email Optin supporta 20 provider ed è un ottimo modo per creare il tuo modulo di iscrizione alla newsletter.

Maggiori informazioni

14. Galleria

accedi

Il modulo Galleria mostra una raccolta di immagini con impaginazione in un layout a griglia o come dispositivo di scorrimento.

Maggiori informazioni

15. Immagine

accedi

Il modulo Immagine mostra un’immagine con caricamento lento, un lightbox, filtri, animazioni, una sovrapposizione con icone e altro ancora.

Maggiori informazioni

16. Video Slider

accedi

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.

Maggiori informazioni

17. Mappa

accedi

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.

Maggiori informazioni

accedi

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.

Maggiori informazioni

19. Modulo di Contatto

accedi

Il modulo di contatto semplifica la creazione di moduli con più campi che vengono visualizzati in base alla logica determinata dall’utente.

Maggiori informazioni

20. Modulo Separatore

accedi

Usa il separatore per creare una linea orizzontale, uno spazio verticale o entrambi contemporaneamente per aggiungere struttura e elementi visivi alle tue pagine.

Maggiori informazioni

21. Navigazione Post

accedi

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.

Maggiori informazioni

22. Negozio

accedi

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.

Maggiori informazioni

23. Persona

accedi

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.

Maggiori informazioni

24. Portfolio

accedi

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.

Maggiori informazioni

25. Portfolio Filtrabile

accedi

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.

Maggiori informazioni

26. Pulsante

accedi

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.

Maggiori informazioni

27. Ricerca

accedi

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.

Maggiori informazioni

28. Scheda

accedi

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 .

Maggiori informazioni

29. Segui Social Media

accedi

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.

Maggiori informazioni

30. Slider Post

accedi

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.

Maggiori informazioni

31. Slider

accedi

Gli slider possono mostrare tutte le diapositive che desideri con frecce e controlli vari, immagini con sfondi parallasse, sfondi video, pulsanti e contenuto.

Maggiori informazioni

32. Tabella Prezzi

accedi

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.

Maggiori informazioni

33. Testimonial

accedi

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.

Maggiori informazioni

34. Testo

accedi

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.

Maggiori informazioni

35. Timer Conto alla rovescia

accedi

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.

Maggiori informazioni

36. Titolo del Post

accedi

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.

Maggiori informazioni

37. Toggle

accedi

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.

Maggiori informazioni

38. Video

accedi

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.

Maggiori informazioni

Tutti gli strumenti di cui hai bisogno in un’unica fantastica piattaforma

Hai un progetto da realizzare?

Non vediamo l’ora di saperne di più su di te, sul tuo brand e di capire come il nostro team può aiutarti a crescere!