Vota questo articolo :
Questo articolo vi è stato utile ?
Sì
No
Vous avez noté 0 étoile(s)
Sommaire
Procédure
Divi builder è incluso nei nostri pacchetti dihosting web Wordpress. Se desiderate il supporto per DIVI builder, dovete sottoscrivere una licenza direttamente sul sito web del tema Elegent Divi.
LWS offre 3 plugin premium di Elegant Themes (Divi, Bloom e Monarch). Questi vengono aggiornati regolarmente. Una volta diventati clienti di LWS, avrete accesso gratuito a questi plugin scegliendo la distribuzione "Divi Builder" durante l'installazione del CMS Wordpress con il nostro programma di installazione automatica.
Se disponete di un pacchetto cPanel o avete già installato Wordpress con questa distribuzione, ma non avete accesso a tutti i temi o agli aggiornamenti, fatecelo sapere fornendoci i dati di accesso all'area di amministrazione del vostro sito Wordpress, in modo che un tecnico possa aggiornare la licenza.
Nota bene: per usufruire dell'assistenza è necessario sottoscrivere una licenza Elegant Themes. LWS non fornisce assistenza per questi prodotti.
Il modulo Codice è una tela vuota che vi permette di aggiungere codice alla vostra pagina, come ad esempio shortcode di plugin o HTML statico. Se si desidera utilizzare un plugin di terze parti, ad esempio un plugin di slider di terze parti, è sufficiente inserire il codice breve del plugin in un modulo codice standard o a tutta larghezza per visualizzare l'elemento senza ostacoli.
Prima di poter aggiungere un modulo di codice alla pagina, è necessario passare al Divi Builder. Una volta installato il tema Divi sul vostro sito web, noterete un pulsante Use Divi Builder sopra l'editor dei post ogni volta che create una nuova pagina. Fate clic su questo pulsante per attivare il Divi Builder e accedere a tutti i suoi moduli. Quindi fate clic sul pulsante Use Visual Builder per avviare il costruttore in modalità visuale. È possibile fare clic sul pulsante Usa Visual Builder anche durante la navigazione del sito web, se si è connessi alla dashboard di WordPress.
Una volta entrati nel Visual Builder, potete fare clic sul pulsante grigio + per aggiungere un nuovo modulo alla vostra pagina. I nuovi moduli possono essere aggiunti solo all'interno delle righe. Se state iniziando una nuova pagina, non dimenticate di aggiungere prima una riga alla vostra pagina.
Individuare il modulo del codice nell'elenco dei moduli e fare clic su di esso per aggiungerlo alla pagina. L'elenco dei moduli è ricercabile, il che significa che si può anche digitare la parola "codice" e poi fare clic sul pulsante di invio per trovare e aggiungere automaticamente il modulo codice! Una volta aggiunto il modulo, si aprirà un elenco di opzioni per il modulo. Le opzioni sono suddivise in tre gruppi principali: Contenuto, Stile e Avanzate.
In questo esempio, aggiungerò uno script di collegamento per importare Animate.css e aggiungere effetti di animazione agli elementi della pagina. Poiché il file Animate.css contiene molto codice, ha senso caricarlo solo nella pagina che mi serve.
È sufficiente aggiungere una sezione regolare e una riga a tutta larghezza (1 colonna) e aggiungere il modulo Code.
Nella casella di testo del contenuto, aggiungere lo snippet di codice.
Ora non resta che aggiungere alcune classi CSS per animare qualsiasi elemento della pagina con le classi CSS. In questo esempio, farò rimbalzare il pulsante al caricamento della pagina.
Nelle impostazioni del modulo pulsante, nella scheda Avanzate, inserite le due classi "animato" e "rimbalzo" nella casella di testo Classe CSS.
Il pulsante ora rimbalzerà al caricamento della pagina.
Ecco alcuni altri esempi di utilizzo del modulo codice:
Suggerimento: a volte l'aggiunta di codice con interruzioni di riga causa il mancato funzionamento del codice. È meglio creare il codice in un editor di testo e concatenarlo (tutto su una riga) prima di incollarlo nel modulo Codice.
Grazie per aver seguito questo tutorial!
Il modulo Codice è un altro modo per personalizzare e vivacizzare il vostro sito web aggiungendo questo tocco dinamico.
A presto per un altro tutorial ;)
Il modulo dei commenti di Divi
Gestire il modulo di contatto di Divi
> Consultate la nostra sezione di aiuto di Elegant Themes Divi
Vota questo articolo :
Questo articolo vi è stato utile ?
Sì
No
3mn lettura
La libreria Divi
3mn lettura
Come si installa il plugin Divi Builder?
3mn lettura
Introduzione all'interfaccia di Divi Builder
3mn lettura
Utilizzo dell'editor dei ruoli di Divi Builder