Divi Supreme è un plug-in di terze parti che aggiunge molte nuove funzionalità e moduli a Divi. Aggiunge 25 moduli, 5 estensioni e un widget per ampliare notevolmente le possibilità già offerte da Divi. I moduli e il widget sono anche compatibili con Extra. In questo articolo daremo un'occhiata a Divi Supreme, vedremo cosa può fare e vedremo quanto è facile da usare.

Estensioni Divi Supreme

Divi supreme estensioni

La scheda Impostazioni generali contiene cinque interruttori in cui è possibile abilitare le estensioni che aggiungono nuove funzionalità a Divi. Includono la possibilità di pianificare il contenuto, utilizzare un modello Divi, aprire un popup, leggere più contenuto e aggiungere codici brevi della libreria.

Contenuto pianificato

Contenuto della pianificazione

Il contenuto pianificato aggiunge una nuova opzione nella scheda Avanzate di Sezioni, Linee e Moduli in cui è possibile mostrare o nascondere e scegliere la data e l'ora.

modelli

Modello di contenuto

Modelli aggiunge una nuova opzione alle opzioni di Tema Divi per l'integrazione del tipo di post. Ciò ti consente di creare l'intestazione, il piè di pagina e la pagina 404 in alto con Visual Builder.

Modelli Divi

Una nuova voce di menu chiamata Modelli viene aggiunta al menu Divi Supreme. Qui mostra l'elenco dei modelli e fornisce un pulsante per creare un nuovo modello. Fornisce anche un messaggio per registrare nuovamente i tuoi permalink. Non è bello doverlo fare, ma almeno hai una notifica che ti tiene aggiornato.

Configurazione del modello Divi

Il modello è un nuovo tipo di articolo personalizzato con un elenco a discesa in cui puoi assegnare il modello. Puoi anche rimuovere il piè di pagina predefinito e visualizzare il modello sul modello di pagina vuota Divi.

apparire

Configurazione del modulo di testo

Supreme Popup aggiunge un'opzione pop-up ai moduli. Scegli il tipo di popup, il layout della libreria, il trigger, le animazioni di entrata e uscita, il colore di sfondo, mostra il pulsante di chiusura, quindi scegli il colore e l'icona per il pulsante di chiusura. Ha 7 trigger, incluso l'intento di uscita, un ritardo personalizzabile e un cookie personalizzato.

Leggi più contenuti

Sezione contenuti Divi

La funzione Leggi altro contenuto viene aggiunta ad alcuni moduli per aiutarti a nascondere alcuni dei loro contenuti e rivelarli quando si fa clic su un collegamento. Puoi mostrare il pulsante solo sui dispositivi mobili, impostare l'altezza ridotta, inserire il testo da leggere e chiudere, applicare lo stile al carattere e aggiungere CSS personalizzati al collegamento.

Libreria di codici funzione

Libreria shortcode

La libreria Shortcode aggiunge una colonna alla tua libreria Divi con uno shortcode per ogni layout. Puoi utilizzare questi codici funzione per aggiungere i layout Divi ai moduli Divi o ai file PHP del tuo tema.

Scheda Varie

Scheda Varie

La scheda Varie contiene un'opzione per rimuovere tutto dati Divi Supreme se elimini il plugin.

Widget Libreria Divi

Widget della libreria Divi

Il widget Libreria aggiunge un nuovo widget che può visualizzare tutti i layout Divi nella tua libreria. Questo è utile se vuoi creare layout specialmente per le tue barre laterali e piè di pagina.

Ancora più modulo

Ancora più modulo

Divi Supreme aggiunge 25 nuovi moduli a Divi Builder. Contengono tutte le funzionalità che ci si aspetta da un modulo Divi. Diamo uno sguardo più da vicino.

Moduli social media Divi Supreme

Modulo sociale

I pod di Twitter e Facebook visualizzano la sequenza temporale di Twitter, i commenti di Facebook e i feed di Facebook. Questi sono i feed predefiniti, ma puoi modificarli. Abbiamo cambiato lo schema dei colori dei commenti di Facebook in nero e impostato lo sfondo in nero.

Moduli di testo Divi Supreme

Modulo di testo

Ecco una panoramica di 6 diversi moduli di testo. Includono separatore di testo, testo sfumato, digitazione, lettere casuali, testo glitch e badge di testo. Il testo separatore offre diversi stili. Puoi regolare la durata, i colori, ecc. di quasi tutti i moduli di testo.

Esempio di un modulo immagine

Esempio di un modulo immagine

Ecco i 6 moduli immagine. Includono il passaggio del mouse visivo, la visualizzazione del testo (che mostra il testo al passaggio del mouse), l'inclinazione, l'immagine (con controlli di inclinazione e inclinazione), il carosello e le immagini mobili. Le mod al passaggio del mouse e del testo rivelano entrambi contenuti diversi al passaggio del mouse.

Altri componenti aggiuntivi

Altri moduli

Altri moduli includono orari di ufficio, valutazione in stelle (scegli la scala di valutazione, il tipo di visualizzazione, la dimensione delle stelle, ecc.), Menu (scegli il menu di navigazione e scegli tra più stili List), Google Map, Button, Flipbox, Divider Icon, ecc. Listino prezzi. La carta è facile da usare. Basta inserire l'indirizzo e scegliere il livello di zoom. Non richiede una chiave API. Questi sono particolarmente utili per attività come i ristoranti.

Divi esempi supremi

Alcuni modelli di rendering di esempio

Per questo esempio, abbiamo utilizzato il layout Coffee Shop e sostituito una delle voci di menu con i moduli Divi Supreme, tra cui un'immagine, un separatore di testo, un listino prezzi e una valutazione a stelle. Li abbiamo progettati per adattarsi al design.

Listino prezzi modulo Divi supreme

Per questo, abbiamo creato un menu di cibo con solo un modulo di listino prezzi Divi Supreme. Ogni elemento è il proprio sottomodulo e li visualizza in un elenco. abbiamo adattato i colori e le dimensioni delle immagini, dei titoli, delle descrizioni, dei separatori e dei prezzi. Adattiamo le immagini a sinistra del listino prezzi. È un ottimo modo per creare menu di cibo.

Esempio di progetto completo

Per questo, abbiamo sostituito le immagini con un carosello di immagini Divi Supreme. abbiamo rimosso lo spazio tra le immagini per toccarle, abbiamo aggiunto uno sfondo alle frecce e aumentato le dimensioni delle frecce. Li ho inseriti all'interno delle foto, abbiamo cambiato i colori e le dimensioni.

Abbiamo anche incluso la navigazione per punti. Abbiamo sostituito i moduli di testo che mostrano gli orari e le informazioni di contatto con i moduli degli orari di apertura e li abbiamo adattati alla presentazione. Non è limitato a giorni e orari, quindi funziona per qualsiasi tipo di testo. Abbiamo anche aggiunto una mappa di Google in basso, proprio perché. Aiuta a completare le informazioni di contatto.

Secondo esempio di design divi

Questo esempio utilizza il modulo Input per aggiungere una nuova casella di testo. abbiamo anche sostituito l'immagine sovrapposta con il modulo Divi Supreme Image e aggiunto l'effetto Rotazione Y. abbiamo incluso la sovrapposizione dell'immagine originale.

Abbiamo aggiunto un'intestazione e un piè di pagina utilizzando l'estensione Modelli per creare un'intestazione e un piè di pagina globali personalizzati che vengono visualizzati automaticamente su ogni pagina e post. L'intestazione e il piè di pagina sono elementi del layout della libreria. abbiamo sostituito il menu e il piè di pagina con questi layout.

Correzione dell'immagine sovrapposta

Per questo, abbiamo aggiunto il collegamento Leggi altro in modo che possa visualizzare molto più testo, ma visualizzarlo solo quando l'utente vuole vederlo. Queste sono le impostazioni predefinite per colore e dimensione, ma impostiamo l'altezza a 144 pixel.

Documentazione e supporto Divi Supreme

Documentazione e supporto supremi Divi

Documentazione è fornito il sito web dell'editore. C'è un link a questa pagina nelle impostazioni del plugin. Include una guida introduttiva che spiega come installare e utilizzare il plug-in. Non è esaustivo, ma gli strumenti sono facili da usare, quindi non è realmente necessario. Il supporto viene fornito tramite un gruppo Facebook e via e-mail utilizzando il pulsante di contatto nella schermata delle impostazioni.

Premio Supreme Divi

Prezzo supremo di Divi

Esistono due opzioni di acquisto per Divi Supreme:

  • Sito 1 - $ 18
  • Siti illimitati - $ 59

Entrambe le opzioni includono 1 anno di supporto e aggiornamenti, uno sconto sul rinnovo del 40% e 6 estensioni. Puoi acquistare Divi Supreme da DiviSupreme.com .

Per finire

Divi Supreme ha molti moduli e funzioni utili. abbiamo riscontrato che ogni caratteristica che abbiamo cercato di essere intuitiva. È facile vedere il potenziale di questi componenti aggiuntivi ed estensioni. Abbiamo appena accennato a tutte le possibili caratteristiche di Divi Supreme. Non abbiamo nemmeno coperto gli shortcode che aggiungerebbero layout Divi ad altre mod, menu contestuale, pianificatore o persino tutte le mod.