Divi Plugin Highlight: Divi Supreme

Divi Supreme è un plug-in di terze parti per Divi che aggiunge molte impostazioni per aggiungere nuove funzionalità a Divi Builder e molti nuovi moduli. In questo articolo, esamineremo Divi Supreme per vedere cosa può fare e aiutarti a decidere se è il plugin di cui hai bisogno nella tua cassetta degli attrezzi Divi.

Installazione

L'installazione è semplice e immediata.

1. Acquista e scarica il plugin dal Divi Marketplace
2. Vai a Plugin > Aggiungi nuovo > Carica plugin
3. Fare clic su Scegli file
4. Individua il file zip del plugin sul tuo computer e selezionalo
5. Fare clic su Installa ora
6. Fare clic su Attiva
7. Vai a Divi Supreme Pro > Licenza nella dashboard di WordPress e inserisci la tua chiave di licenza

impostazioni generali

Divi Supreme aggiunge una schermata di menu con diverse schede per personalizzare le impostazioni nel modo desiderato. La scheda Impostazioni generali include gli interruttori per abilitare gli elementi pianificati, un popup, un widget della libreria, un collegamento per ulteriori informazioni sui contenuti, shortcode della libreria e un visualizzatore reattivo. Diamo un'occhiata ad alcuni di loro.

Elemento pianificato

Gli elementi pianificati forniscono un calendario con l'ora esatta in modo da poter programmare di mostrarla o nasconderla per quegli orari. Puoi anche scegliere a quale utente si applica. Questo viene aggiunto a tutte le sezioni, righe, colonne e moduli.

Apparire

La funzione popup viene aggiunta ai moduli. Puoi scegliere il tipo di popup, scegliere un layout dalla libreria, selezionare i trigger di apertura e chiusura, chiusura automatica, animazioni dentro e fuori, posizioni, larghezze, sovrapposizioni, pulsanti di chiusura, icone, colori, ecc.

Per saperne di più

Leggi di più aggiunge un collegamento a determinati moduli per rivelare il loro contenuto al clic. Scegli di mostrare il link su dispositivo mobile, l'altezza compressa, il testo, il carattere, i colori, l'ombra, il CSS personalizzato e altro.

Widget Libreria

Il widget della libreria ti consente di posizionare qualsiasi layout dalla libreria Divi nelle barre laterali, nel piè di pagina o in qualsiasi altro punto in cui utilizzi i widget.

Questo esempio mostra il layout demo nella barra laterale. Il layout che sto utilizzando non è stato progettato per questo spazio, ma è interessante che possa utilizzare i layout Divi per creare barre laterali.

Visualizzatore reattivo

Il Responsive Viewer aggiunge nuovi strumenti alla Toolbar Builder che fornisce più opzioni di visualizzazione. Quando scegli di vedere le modalità tablet o telefono, le nuove dimensioni dello schermo vengono aggiunte alla barra degli strumenti. Aggiunge anche un campo in cui è possibile inserire una dimensione personalizzata.

Costruttore di temi facile

Easy Theme Builder ti consente di configurare l'intestazione, modificare i colori degli elementi dell'intestazione sullo scorrimento e personalizzare gli elementi di restringimento.

Intestazione fissa

Per impostazione predefinita, un'intestazione creata con Theme Builder scorre con il sito. Nell'esempio sopra, ho fatto scorrere la pagina verso il basso e l'intestazione è scivolata via.

L'intestazione è ora fissa, quindi quando scorro l'intestazione rimane al suo posto.

Scorrimento

Per lo scorrimento, ho cambiato i colori di sfondo in entrambe le sezioni. Ho anche aggiunto l'ombra della casella per apparire sullo scorrimento.

Ecco la mia intestazione di Theme Builder prima di scorrere. L'ho impostato su Fisso e per spingere il contenuto verso il basso. Questa intestazione ha due sezioni.

Ecco l'intestazione dopo lo scorrimento. Le due sezioni hanno cambiato i loro colori di sfondo in base alle mie impostazioni.

Restringersi

Riduci consente di specificare la dimensione del menu durante lo scorrimento e modificare il logo in una nuova immagine. Aggiungi il riempimento alla sezione, alle righe, al modulo e specifica una percentuale per ridurre l'immagine.

Ecco la mia intestazione di Theme Builder con le sue impostazioni predefinite e un nuovo logo.

Ho impostato il dimensionamento per aumentare, quindi è facile vedere la differenza. Ho aggiunto 8px di riempimento e impostato l'immagine all'80%. Ora è cambiato il logo con la mia nuova immagine.

Impostazioni dei social media

Le impostazioni dei social media ti consentono di inserire il tuo ID app di Facebook e modificare la lingua in modo che i tuoi moduli utilizzino la stessa lingua del tuo sito web.

Varie

Le varie impostazioni consentono di rimuovere i dati del plug-in durante la disinstallazione, consentire il caricamento di file JSON, il caricamento di SVG e modificare il nome e l'icona del menu Divi Supreme.

Moduli Divi

Divi Supreme aggiunge 42 nuovi moduli al Divi Builder. Aggiungono molte nuove funzionalità per immagini, testo, pulsanti, moduli di contatto, reti di social media, ecc. Diamo un'occhiata ad alcuni di essi.

Orario lavorativo supremo

Supreme Business Hours include sottomoduli per ogni giorno della settimana, che ti consentono di nominarli individualmente, mostrare orari diversi e modellarli. Puoi anche modellarli insieme come ho fatto qui. Ti dà un controllo indipendente sui caratteri del giorno e dell'ora. Puoi anche inserire qualsiasi testo che desideri nei campi.

Pulsante Supremo

Supreme Button ti offre due pulsanti che puoi modellare insieme o indipendentemente. Aggiunge anche testo separatore, un riquadro luminoso per ciascun pulsante e suggerimenti. Ciascuno degli elementi ha le proprie opzioni di stile. Puoi utilizzare esattamente le funzionalità che desideri, quindi non devi utilizzare entrambi i pulsanti, il testo separatore, ecc.

Carta Suprema

Supreme Card crea carte che sembrano post di blog. Aggiungi un'immagine, un titolo, una descrizione, un pulsante e un badge. Ciascuno degli elementi può essere stilizzato in modo indipendente. Ho aggiunto un'immagine, aumentato il peso del carattere per il titolo, cambiato il colore del badge e la dimensione del carattere, cambiato il colore dei pulsanti, arrotondato il pulsante e aggiunto un'ombra di riquadro al pulsante. Questa è la vista impilata.

Puoi anche creare in linea e scegliere la larghezza, l'allineamento dell'ordine e l'allineamento orizzontale del contenuto (che regola la posizione verticale dell'immagine). Questo mostra la sinistra per l'allineamento dell'ordine e il centro per l'allineamento orizzontale. L'opzione di allineamento è eccellente per creare CTA in un layout alternato.

Questo è il giusto allineamento. Ho anche apportato alcune modifiche all'immagine come l'aggiunta di angoli arrotondati, un bordo rosso e un'ombra di riquadro. Puoi anche aggiungere una sovrapposizione all'immagine.

Carosello di carte Supreme

Il Supreme Card Carousel offre le stesse funzionalità della Supreme Card, ma aggiunge più carte a un cursore. Ti offre opzioni di stile in modo da poter modellare le carte in modo indipendente. Aggiunge anche opzioni di stile per il carosello, comprese le frecce e la navigazione a punti, e le funzionalità di scorrimento standard. Questo mostra le impostazioni predefinite con le immagini che ho aggiunto. Questo è l'allineamento impilato.

Questo è l'allineamento in linea. Ho aggiunto un colore di sfondo a ciascuno dei sottomoduli in modo che si distinguano. Ho anche cambiato la dimensione e il colore delle frecce e i colori della navigazione a punti. Le regolazioni della freccia ti danno anche il controllo sulla posizione, sull'icona precedente e sull'icona successiva.

Doppia intestazione suprema

Supreme Dual Heading Fornisce tre sezioni per il testo: prima, in mezzo e dopo. Il testo centrale è di colore diverso per impostazione predefinita. Tutti e tre usano le stesse impostazioni, ma puoi modellarli in modo indipendente. Puoi anche mostrarli come in linea o impilati in qualsiasi combinazione tu voglia. In linea è l'impostazione predefinita. Ho aumentato la dimensione del carattere del testo prima e centrale, ho diminuito il testo dopo e ho reso il testo centrale in grassetto.

Mappa Google incorporata suprema

La Google Map incorporata ti consente di aggiungere l'indirizzo che desideri appuntare e di scegliere il livello di zoom. Non è necessaria nessun'altra configurazione. Usa ctrl+ per ingrandire, così gli utenti possono scorrere oltre senza che la pagina si fermi per ingrandire la mappa.

Non ha impostazioni personalizzate per nessuno degli elementi della mappa, ma ha tutte le opzioni di progettazione standard. Ho aggiunto un'ombra di scatola e regolato i filtri in questo esempio.

Cronologia di Twitter Embedded Supreme

La timeline di Twitter incorporata ti consente di specificare un nome utente di Twitter per incorporare i post di Twitter di quell'utente nel tuo layout. Limita il numero di tweet, mostra l'intestazione, il piè di pagina, il bordo, la barra di scorrimento e rimuovi il colore di sfondo. Include le impostazioni di progettazione standard. Include anche un tema chiaro e scuro.

Suprema Facebook Commenti

Facebook Comments incorpora i commenti di una pagina Facebook e consente agli utenti di commentare utilizzando i propri account Facebook. Seleziona il numero di commenti da mostrare, scegli uno schema chiaro o scuro e seleziona come sono ordinati i commenti. Gli utenti possono mettere Mi piace, rispondere e seguire la persona su Facebook. Include le impostazioni di progettazione standard.

Elenco delle icone supremo

Supreme Icon List include sottomoduli in cui è possibile aggiungere il contenuto e selezionare un'icona per ogni elemento. Puoi modellare il testo e le icone in modo indipendente. Puoi anche aggiungere sfondi, inclusi colore, sfumature, immagini e video, dietro ogni elemento.

Forme Supreme

Supreme Shapes ti consente di scegliere una forma dall'elenco a discesa e di impostarne le dimensioni. Ha 17 forme diverse tra cui scegliere.

Le opzioni di design ti consentono di cambiare il colore, utilizzare un bordo e aggiungere un'ombra. Include anche le impostazioni di progettazione standard. Ho cambiato il colore e aggiunto un'ombra nell'esempio sopra.

Acquistare

Divi Supreme è disponibile nel Divi Marketplace per $ 79. Il prezzo include l'utilizzo illimitato del sito Web e un anno di supporto e aggiornamenti.

Pensieri finali

Divi Supreme Pro è un interessante plugin per Divi. Aggiunge un sacco di nuove funzionalità e moduli ma rimane facile da usare. Tutte le funzionalità sono utili. Alcuni aggiungono effetti, mentre altri aggiungono funzionalità che espandono notevolmente Divi. Se stai cercando di espandere il tuo sito Divi o la tua cassetta degli attrezzi senza bisogno di un sacco di plug-in, vale la pena dare un'occhiata a Divi Supreme Pro.

Vogliamo sentire da voi. Hai provato Divi Supreme Pro? Fateci sapere cosa ne pensate nei commenti.

Immagine in primo piano tramite VectorKnight / shutterstock.com