Come aggiungere moduli al tema Divi WordPress

Pubblicato: 2022-10-14

L'aggiunta di moduli a Divi WordPress Theme è un processo semplice che può essere eseguito in pochi minuti. Esistono due modi per aggiungere moduli al tema Divi WordPress. Il primo modo è utilizzare il pannello di amministrazione di WordPress e il secondo modo è utilizzare Divi Page Builder. Il pannello di amministrazione di WordPress è il modo più semplice per aggiungere moduli al tema Divi WordPress. Per aggiungere un modulo a Divi WordPress Theme, accedi al tuo pannello di amministrazione di WordPress e vai alla scheda "Divi". Nella scheda "Divi", fai clic sul pulsante "Aggiungi modulo". Apparirà una finestra popup. Seleziona il modulo che desideri aggiungere dal menu a discesa e fai clic sul pulsante "Aggiungi modulo". Divi Page Builder è un potente generatore di pagine drag and drop che ti consente di aggiungere moduli a Divi WordPress Theme in pochi minuti. Per utilizzare Divi Page Builder, accedi al tuo pannello di amministrazione di WordPress e vai alla scheda "Divi". Nella scheda "Divi", fai clic sul pulsante "Page Builder". Verrà caricata una nuova pagina con l'interfaccia di Divi Page Builder. Per aggiungere un modulo a Divi WordPress Theme, trascina e rilascia semplicemente il modulo dalla barra laterale sinistra nell'area del contenuto. Una volta che il modulo è nell'area del contenuto, puoi modificare le impostazioni del modulo facendo clic sul pulsante "Impostazioni".

Costruttore di moduli Divi

Credito: www.youtube.com

Divi Module Builder è un potente strumento che ti consente di creare facilmente moduli personalizzati per Divi Page Builder. Con Divi Module Builder, puoi creare facilmente moduli personalizzati senza doverli codificare o progettare tu stesso. Con Divi Module Builder, puoi creare rapidamente e facilmente moduli personalizzati che sono reattivi, interattivi e hanno un bell'aspetto su tutti i dispositivi.

I moduli Divi possono essere utilizzati in vari modi nei tuoi progetti. I blocchi possono essere utilizzati come pezzi autonomi o come parte di righe e colonne per creare layout. I moduli possono essere salvati nella tua libreria in modo da poterli utilizzare in seguito. I moduli Divi sono un modo eccellente per aggiungere un tocco visivo ai tuoi layout. Puoi modificare il colore, le dimensioni e le impostazioni del modulo nel Visual Builder per creare un design che sia esattamente ciò di cui hai bisogno.

Modulo Divi all'interno di un altro modulo

È possibile inserire un modulo divi all'interno di un altro modulo. Questo può essere fatto selezionando l'opzione "Inserisci modulo" dal menu del modulo. Una volta selezionato, apparirà una finestra che ti permetterà di scegliere quale modulo desideri inserire.

Include uno Shortcode per ogni elemento nella libreria DIVI attualmente installata o in futuro per una versione a pagamento o premium dello strumento. Per utilizzare un particolare elemento, copia semplicemente lo shortcode visualizzato e incollalo dove vuoi. La fisarmonica non funziona, i moduli globali potrebbero non funzionare correttamente e la fisarmonica non funziona correttamente. Tuttavia, è uno strumento eccellente per creare alcuni design unici. DIVI include due moduli mappa e un modulo testimonial. Puoi aggiungere uno shortcode copiando/incollando lo shortcode (qui per la mappa):. Per iniziare, vai alla seconda scheda e fai clic sullo shortcode della testimonianza. Una volta che le nostre due schede sono state create, il nostro modulo di schede appare di seguito.

Modulo codice Divi

Credito: www.elegantthemes.com

Un modulo Divi Code ti consente di inserire CSS, HTML e JavaScript personalizzati direttamente in Divi Builder . Ciò è utile per personalizzare l'aspetto del tuo sito Web o per aggiungere funzionalità non disponibili in Divi Builder.

I moduli in Divi possono essere usati per costruire pagine. Ogni modulo è composto da un insieme unico di caratteristiche, elementi e impostazioni di progettazione che ti aiutano a creare qualcosa di unico. L'enorme set di moduli di Divi semplifica la creazione di quasi tutti i tipi di siti Web. La tua pagina può essere creata con il codice del modulo del codice, che include HTML, JavaScript e CSS. Puoi utilizzare ciascuno dei moduli gratuiti forniti da Elegant Themes come parte della tua iscrizione a Divi. Quando crei un modulo Divi, puoi usarlo su qualsiasi progetto futuro o persino venderlo nel Divi Marketplace. Visita la nostra documentazione per sviluppatori per ulteriori informazioni su come creare i tuoi moduli.

Inserisci i moduli Divi

I moduli Divi sono moduli predefiniti che puoi utilizzare per creare i tuoi layout personalizzati all'interno di Divi Builder. Sono disponibili una varietà di moduli, ognuno con il proprio set unico di opzioni e impostazioni. Puoi inserire i moduli Divi nel tuo layout trascinandoli e rilasciandoli nella posizione desiderata.

Divi ti consente di creare un sito Web in modo rapido e semplice. I moduli che altrimenti non sarebbero disponibili possono essere collocati qui, se possibile, utilizzando questa soluzione. Si consiglia vivamente di utilizzare la nostra guida per creare un tema figlio prima di modificare qualsiasi file sul tuo sito web. Se non hai un tema figlio, il tema Divi rimuoverà tutto il codice personalizzato in qualsiasi aggiornamento successivo. In questo esempio, utilizzeremo il modulo schede per creare un modulo di contatto. Per rendere più coinvolgente il processo di iscrizione alla newsletter, puoi includere un modulo blurb o una sezione speciale a piè di pagina. La creazione di un modulo Divi richiede l'ID correlato al contenuto salvato. Il modo migliore per farlo è aprire la libreria Divi e passare il mouse sopra il nome del modulo. È un processo semplice per aggiungere l'id del tuo modulo alle tue pagine dopo averlo trovato.

Come installare un plug-in di layout Divi Builder

Per installare un plug-in Divi Builder Layout , vai alla scheda Plugin e quindi fai clic su Aggiungi nuovo plug-in. Puoi installare il plugin selezionando il pulsante Installa ora nella finestra che appare e cercando il file ZIP che desideri utilizzare.

Moduli Divi Builder personalizzati Moduli Divi Builder

Ci sono molti moduli divi builder personalizzati disponibili per l'acquisto online. Puoi trovarli per una varietà di scopi diversi, come l'aggiunta di icone di social media al tuo sito Web o la creazione di un modulo di contatto personalizzato. I moduli Divi Builder sono un ottimo modo per aggiungere funzionalità extra al tuo sito web senza doverlo codificare da solo.

I moduli in Divi Page Builder sono stati estesi per soddisfare le mie esigenze. Quando ho ricevuto alcune richieste dai clienti, ho dovuto apportare modifiche ai loro moduli esistenti o crearne di nuovi. Non ci saranno dettagli sulla personalizzazione del modulo in questo articolo perché le tue esigenze potrebbero differire. Poiché le classi del modulo ET Builder sono così grandi, non vuoi dedicarti a scrivere l'intero modulo per te stesso. Puoi selezionare un modulo esistente più vicino a quello che ti serve andando nel file Divi e cercandolo. Userò il modulo Immagine, che sembra essere lo stesso mostrato qui. Dovresti mantenere un file et_pb_ per quello scopo. In caso contrario, Divi Builder non caricherà il modulo perché ha un prefisso per gli slug. Per fare riferimento alla nuova istanza di classe, dobbiamo cambiarne il nome e aggiungere lo shortcode.

The Divi Builder: un Page Builder flessibile e facile da usare per WordPress

Il Divi Builder è progettato per essere il più semplice possibile da usare pur essendo il più flessibile possibile. Divi Builder è una scelta eccellente per qualsiasi livello di utente di WordPress, sia che abbia appena iniziato o abbia esperienza con la piattaforma. Grazie al suo sistema modulare, Divi Builder consente di creare facilmente moduli personalizzati che possono essere utilizzati per creare layout unici e personalizzati. Divi Builder viene fornito con una funzione di portabilità che ti consente di esportare facilmente i layout su altri siti Web.