Evidenziazione del prodotto Divi: Divi Den Pro – Libreria di layout

Divi Den Pro - Layout Library è un plug-in di terze parti con un'enorme libreria di elementi Divi predefiniti per aiutarti a creare siti Web più velocemente. Include un'interfaccia utente unica che è ricercabile e ordinabile, rendendo i layout facili da trovare. In questo post, daremo un'occhiata a Divi Den Pro - Libreria di layout per aiutarti a decidere se è il prodotto giusto per la tua casella degli strumenti di progettazione Divi.

Installazione di Divi Den Pro – Libreria layout

Installare Divi Den Pro – Layout Library è stato semplice. Funziona allo stesso modo del caricamento di qualsiasi plug-in, ma dovrai accedere al tuo account Divi Marketplace affinché sia ​​disponibile all'interno di Divi. Innanzitutto, per installare, vai a:

1. Plugin
2. Aggiungere nuova
3. Carica plugin
4. Scegli il file
5. Installa ora

Successivamente, una volta installato il plug-in, attivalo come al solito e vedrai un nuovo menu aggiunto alla tua dashboard.

1. Attiva il plug-in

Contenuto della libreria di layout

Divi Den Pro - Libreria layout viene fornito con 2615 elementi della libreria. Ciò include 1988 sezioni e moduli, 631 layout, 39 menu e 18 progetti di siti Web completi. Tutti gli articoli sono già in stile. I layout sono etichettati, testati e ottimizzati per diverse dimensioni dello schermo.

Esistono diversi modi per utilizzarli nei layout Divi. Troverai i layout nel menu Divi Den Pro DM e nel Divi Theme Builder. Il menu Divi Den Pro DM è il modo più semplice per usarli. Puoi cercarli per parola chiave e categoria e importarli nella tua Libreria Divi.

Menu DM Divi Den Pro

Troverai una nuova voce di menu nella dashboard di WordPress chiamata Divi Den Pro DM. Il menu include molti collegamenti, che troverai anche come schede all'interno del menu stesso.

Cerca layout

La prima scheda è il Layout Finder. Ciò include una casella di ricerca con i filtri a sinistra e i risultati a destra. Include anche schede in modo da poter visualizzare tutti i layout, solo i layout gratuiti o solo i layout professionali. I filtri mostrano il numero di layout in quel tipo. Sono divisi in layout, sezioni, moduli, categorie, raccolte, Divi Theme Builder e Plugin Theme Builder.

L'area dei risultati mostra una miniatura del layout. La miniatura scorrerà al passaggio del mouse se il layout è più grande del contenitore. Puoi visualizzare il layout in un'altra scheda, salvare il layout nella libreria Divi o scaricare il layout sul tuo computer come file JSON.

La selezione di un filtro lo apre per mostrare le opzioni. Ho aperto Raccolte, che mostra i nomi dei layout di Divi Den. Selezionandone uno vengono mostrati i layout all'interno di quella raccolta nell'area a destra.

Ho fatto clic per visualizzare un layout e ha aperto la demo nella pagina Divi Den in un'altra scheda. La pagina mostra più layout, sezioni, ecc. Sto passando il mouse sopra l'immagine in alto al centro per mostrare i suoi effetti al passaggio del mouse.

Ultimo

La scheda Ultime mostra gli ultimi post del blog Divi Den. Questo è un buon modo per imparare cosa c'è di nuovo nella Libreria layout.

Tutorial

La scheda Tutorial include tutti i tutorial che insegnano come utilizzare Divi Den Pro – Libreria layout. Includono video incorporati che mostrano quando fai clic su un tutorial, così puoi imparare direttamente dalla dashboard Divi Den senza uscire da WordPress. Questo aiuta con l'usabilità, quindi se c'è qualcosa per cui hai bisogno di aiuto, lo troverai qui.

Costruttore di temi

La scheda Theme Builder divide i layout in Divi Theme Builder e Plugin Theme Builder. Mostra le raccolte, i tipi di pagina, ecc. Questi vengono aggiunti anche a Divi Theme Builder. Puoi anche avviare Theme Builder da qui.

Il Plugin Theme Builder ha un link per aprire il Theme Customizer.

Il Theme Customizer aggiunge tre nuove schede di personalizzazione per la pagina, il blog e le impostazioni globali. Ciò include funzionalità aggiuntive come un personalizzatore popup, una barra adesiva, più icone, il pulsante Torna all'inizio, una pagina in arrivo, personalizzazioni dei modelli e molto altro.

File CSS personalizzati

La scheda File CSS personalizzati fornisce il CSS personalizzato dai layout Divi Den che puoi copiare e modificare. Facendo clic su uno si apre il CSS in un'altra scheda. Un video incorporato mostra come utilizzare il CSS personalizzato.

Avanzate

La scheda Avanzate include la scheda Etichetta bianca e la scheda Altre opzioni. White Label ti consente di rinominare il plug-in in modo che corrisponda al tuo marchio.

La scheda Altre opzioni ti consente di spostare la scheda Divi Den Pro all'interno degli elementi Divi Builder. Questo è abilitato per impostazione predefinita.

Libreria di layout Divi Den Pro in Divi Builder

Una scheda per Divi Den Pro - Libreria di layout viene aggiunta al modale Moduli.

Selezionando la scheda si apre il menu in cui è possibile scegliere il layout desiderato. I layout vengono scaricati come file JSON, quindi dovrai caricarli su pagine e post se desideri utilizzarli.

Libreria di layout Divi Den Pro nel generatore di temi Divi

L'interfaccia Divi Den Pro - Libreria layout viene aggiunta anche nella parte inferiore della schermata Divi Theme Builder. Funziona allo stesso modo della dashboard di WordPress.

Funziona allo stesso modo nel Theme Builder come nelle pagine e nei post.

Esempi di librerie di layout Divi Den Pro

Ora che abbiamo visto come utilizzare l'interfaccia Divi Den Pro – Libreria layout, diamo un'occhiata ad alcuni esempi. Ne esamineremo alcuni di ogni tipo.

Layout

Successivamente, esamineremo alcuni layout. Li caricherò nel Divi Theme Builder. Dopo aver salvato i layout nella tua Libreria Divi, sono disponibili nei tuoi layout. Cercali e seleziona le categorie a sinistra.

Pagina di destinazione del negozio V3 Ragnar

Questa è la parte superiore della pagina di destinazione del negozio V3 Ragnar. Include una sezione Hero con un invito all'azione via e-mail. Una sezione del negozio mostra i prodotti in primo piano e include una sovrapposizione animata che fa scorrere un messaggio in testo grande al passaggio del mouse.

Ecco la parte inferiore della pagina di destinazione del negozio V3 Ragnar. Le immagini extra-large creano inviti all'azione del negozio e includono pulsanti animati. Una sezione blog unica mostra l'immagine in primo piano dietro il testo che appare su un lato.

Carriere Pagina V1 Tina

Questa è la parte superiore della pagina delle carriere V1 Tina. Include un'immagine principale con un titolo sovrapposto, un'introduzione con un richiamo e due colonne di testo. Segue una sezione di posizioni aperte visualizzate come carte.

Questa è la parte inferiore della pagina delle carriere V1 Tina. I blurb con animazioni al passaggio del mouse forniscono informazioni seguite da un invito all'azione per inviare un CV e una sezione sui vantaggi dell'azienda.

Pagina del blog dei vecchi tempi

Questo esempio è la parte superiore della pagina del blog Old Times. Include una sezione dell'eroe con un messaggio su un'immagine di sfondo e un pulsante con un'animazione al passaggio del mouse. Una sezione del blog mostra un post del blog con un'immagine in primo piano grande a sinistra e post con un'immagine in primo piano più piccola come barra laterale a destra. Una linea gialla separa la sezione del blog dalla sezione dell'eroe. Tutte le schede del blog includono animazioni di inclinazione.

Questa è la parte inferiore della pagina del blog Old Times. Utilizza anche linee gialle per la separazione e include due sezioni di blog a tre colonne, un modulo di posta elettronica di grandi dimensioni e un piè di pagina.

Layout di pagina del menu Jamie

Ecco la parte superiore del layout di pagina del menu Jamie. Include una sezione degli eroi con icone che si collegano alle varie categorie di menu del cibo. Includono animazioni al passaggio del mouse. Segue un menu di cibo a due colonne con un'immagine a sinistra e una descrizione a destra. Il cibo è diviso in categorie.

Layout di pagina del menu Jamie

Questa è la metà inferiore del layout di pagina del menu Jamie. Continua il menu del cibo e include le informazioni di contatto con una mappa a tutta larghezza.

Layout della home page dello showreel

Questa è la parte superiore del layout della home page di Showreel. La sezione dell'eroe include un pulsante che riproduce un video incorporato e diversi blurb su un'immagine di sfondo a schermo intero. Segue una serie di schede per visualizzare le informazioni. Immagini di grandi dimensioni con sovrapposizioni animate si collegano ai servizi.

Questa è la parte inferiore del layout della home page di Showreel. Continua le immagini grandi e include un'altra sezione di immagini per i servizi con animazioni sovrapposte inclinate. Include anche contatori numerici in stile, un modulo e-mail e un piè di pagina.

Pagina della barra di avanzamento visiva Freddie

Questo è Freddie della pagina della barra di avanzamento visivo. Ha un layout elegante, ma l'elemento principale che voglio mostrare è la barra di avanzamento. Questa è la sezione dell'eroe del layout. Un menu si trova nella parte inferiore dello schermo. Quando scorri, il menu si collega alla parte superiore dello schermo e mostra l'avanzamento nel layout.

La sezione in questo esempio è casi di studio. La barra di avanzamento mostra il giallo per ogni sezione che ho passato. Le immagini per questa sezione includono effetti di inclinazione.

Sezioni

Se hai sezioni Divi Den Pro – Libreria di layout salvate nella tua Libreria Divi, una scheda Divi Den Pro DM viene aggiunta al tuo Modale di sezione.

Modulo musicale Greatest Hits Freddie

Greatest Hits Music Module Freddie fornisce una sezione di lettore audio in stile con uno sfondo nero ed effetti al passaggio del mouse gialli.

Dimostrazione della galleria di stile

Styling Gallery Demo fornisce un'interessante galleria di immagini con diverse forme di bordo e un blocco di colore per separare le immagini.

Grazia del processo di Lintang

Styling Gallery Demo fornisce un elenco di passaggi. Sono posizionati orizzontalmente e includono immagini o colori sagomati ed effetti al passaggio del mouse.

Prodotto Thunderbolt Freddie

Prodotto Thunderbolt Freddie è una sezione di prodotti che mostra un dispositivo di scorrimento del prodotto su un lato e informazioni di stile sull'altro.

Alula Timeline Grazia

Alula Timeline Grace crea una timeline verticale alternativa con immagini su un lato e informazioni sull'altro.

Moduli

L'opzione Moduli nella dashboard mostra i pulsanti. Eccone alcuni che ho scaricato.

Ho aggiunto tutti i pulsanti che ho scaricato in una singola pagina. Ciascuno dei pulsanti include coinvolgenti animazioni al passaggio del mouse.

Dove acquistare la libreria di layout Divi Den Pro

Divi Den Pro – Layout Library è disponibile nel Divi Marketplace per $ 189. Include l'utilizzo illimitato del sito Web, un anno di supporto e aggiornamenti e una garanzia di rimborso di 30 giorni.

Considerazioni finali sulla libreria di layout Divi Den Pro

Questo è il nostro sguardo a Divi Den Pro – Libreria di layout. Ci sono molti layout in questa libreria. L'interfaccia utente è semplice. La ricerca, l'ordinamento, l'importazione e il download dei layout è intuitivo. Ho trovato il collegamento sulle sezioni e sui moduli più limitato rispetto alla dashboard, una volta che i layout sono nella libreria, sono disponibili selezionando le opzioni Aggiungi dalla libreria. Se sei interessato ad aggiungere diverse migliaia di layout progettati professionalmente alla tua Libreria Divi, vale la pena dare un'occhiata a Divi Den Pro - Libreria di layout.

Vogliamo sentire da voi. Hai provato Divi Den Pro - Libreria layout? Fateci sapere cosa ne pensate nei commenti.