Il Journal Blog Kit per Divi Panoramica e recensione

Il Journal Blog Kit per Divi è un layout di terze parti di Divi Soup con funzionalità come un tema figlio. Il layout stesso è realizzato con l'edificio Divi e include un dispositivo di scorrimento, categorie e un feed del blog con effetti al passaggio del mouse per creare un'elegante pagina del blog. Dispone inoltre di una barra laterale in stile e di un design di post di blog personalizzato predefinito che aggiungi al tema del tuo bambino. Le nuove funzionalità vengono aggiunte al tuo tema figlio importandole o con un semplice copia e incolla.

Il kit del blog include tre diversi layout di blog e pagine di archivio. Puoi modificare il layout tra larghezza intera, griglia o in linea incollando il CSS incluso nelle opzioni del tema o nell'editor CSS del tema figlio. Le pagine di archivio, categoria, tag, autore e risultati di ricerca seguono lo stesso layout della pagina del blog. Include anche l'integrazione di Font Awesome.

Il kit del blog viene fornito con tutti i file e le istruzioni su come utilizzarlo. In questo articolo, installerò il Journal Blog Kit e vedrò quanto è facile da usare e darò un'occhiata alle sue funzionalità.

Installazione del Journal Blog Kit per Divi

Decomprimi il file scaricato. All'interno, troverai diversi file tra cui file JSON per il layout della pagina del blog e le impostazioni di personalizzazione, un file read me, CSS, PHP, JS e file widget (questi sono i tipi di file che troverai in un tema figlio) .

Consiglio di seguire le istruzioni per vedere come installare i file poiché sarà fatto manualmente. Fortunatamente, le istruzioni sono scritte bene e il processo non è difficile. Dovrai utilizzare un tema figlio (anche se vuoto). Il file PHP verrà sovrascritto quando il tema si aggiorna se lo aggiungi al tema principale.

Il vantaggio di essere un layout e di installare i file manualmente è che funziona con il tema figlio corrente. Non dovrai sostituire il tuo tema figlio per aggiungere queste nuove funzionalità.

Il Journal Blog Kit per la documentazione Divi

Un collegamento alla documentazione è fornito nel file di download. Facendo clic sul file si accede alla pagina di supporto del kit del blog dove si trovano una funzione di ricerca, istruzioni di installazione, istruzioni di personalizzazione e un collegamento per il supporto. Le istruzioni di personalizzazione mostrano come modificare i colori, il numero di colonne nei layout e la lunghezza dell'estratto.

Fare clic sulle istruzioni di installazione e seguire i passaggi. Ciò includerà la copia e incolla di codice in determinate posizioni, il caricamento di file tramite FTP e l'importazione di file tramite un plug-in. Ciascuno dei passaggi è dettagliato. Ci vorranno alcuni minuti per eseguire i passaggi.

Il Journal Blog Kit per Divi Blog Page

Il kit del blog include il layout della pagina del blog come file JSON. Questo layout dovrebbe essere importato nella pagina stessa piuttosto che nella libreria Divi. La pagina stessa utilizza un dispositivo di scorrimento dei post, sei moduli di invito all'azione e una riga con un blog e una barra laterale. Verrà visualizzato in modo diverso a seconda del CSS utilizzato. Diamo un'occhiata alle caratteristiche e al layout di ogni layout.

Il Journal Blog Kit per Divi Slider e Categorie

Il dispositivo di scorrimento del post posiziona la navigazione a punti verticali a sinistra e visualizza un estratto a destra. L'estratto centra il testo e ha un'opacità inferiore in modo che l'immagine in primo piano del dispositivo di scorrimento sia visibile. Include anche un pulsante Visualizza post. Quando scorre, l'immagine si dissolve e l'estratto scorre verso l'alto dal basso.

I moduli di invito all'azione funzionano come collegamenti a pagine di archivio per categorie specifiche. Passando il mouse sopra il modulo, il colore del pulsante cambia da uno sfondo nero con testo bianco a uno sfondo bianco con testo nero e aggiunge un bordo nero. Amo il giallo audace. Questo è un modo interessante per aggiungere la navigazione per categorie alla pagina.

I colori provengono dall'importazione dello stile del personalizzatore. Non devi usarlo e puoi cambiare facilmente i colori. Se vuoi avere accesso al tuo stile di personalizzazione originale, dovrai prima esportarlo.

Il Journal Blog Kit per Divi Fullwidth Layout

Ecco il layout del blog utilizzando il CSS a larghezza intera. L'immagine in primo piano viene ingrandita al passaggio del mouse. Aggiunge un capolettera alla prima parola dell'estratto. La categoria e il capolettera sono in giallo. Il pulsante Leggi di più ha uno stile che si adatta al layout.

Il Journal Blog Kit per Divi Grid Layout

Il layout della griglia mostra due post in un'unica riga sotto le categorie. Include lo stesso stile del layout a larghezza intera come lo zoom al passaggio del mouse per l'immagine in primo piano, la categoria gialla e il capolettera e lo stile dei pulsanti.

Il Journal Blog Kit per Divi Inline Layout

Il CSS in linea mostra i post del blog con l'immagine a sinistra e il testo a destra. Include lo stile e le caratteristiche degli altri layout. In questo esempio, ho preso uno screenshot in fondo all'elenco per mostrare il pulsante Voci precedenti con stile. Questo stesso pulsante appare in tutti i layout.

Il Journal Blog Kit per Divi Sidebar

Se importi le impostazioni del widget, crea una barra laterale con diversi widget in stile. La barra laterale include una sezione su di me con titolo, foto e descrizione e sezioni per la ricerca, categorie, archivi, tag e post recenti. Ogni sezione è disegnata per adattarsi al layout. Mi piacciono le linee gialle su entrambi i lati dei titoli. Le categorie e gli archivi sono caselle a discesa. I tag sono collegamenti con stili.

Il kit del blog del diario per il layout dei singoli post Divi

Se carichi il file del post tramite FTP nei file del tuo tema, anche i singoli post del blog creati con WordPress anziché con Divi builder hanno uno stile e vengono aggiunte molte nuove funzionalità. Le caratteristiche includono la categoria, il titolo, la data, il numero di commenti e i tag sopra il post. Il post ha un capolettera in stile.

Dopo il post ci sono una casella dell'autore in stile, la navigazione tra i post, i post correlati e una casella dei commenti in stile. I commenti sono a cascata e includono un'icona con stile per mostrare che una risposta è una risposta a un altro commento. Le singole sezioni includono le linee gialle stilizzate con i titoli.

Il Journal Blog Kit per Divi Price

Il Journal Blog Kit per Divi costa £ 49,00. Include tutti i file e le istruzioni necessarie per utilizzarlo.

• Puoi acquistare il Journal Blog Kit dal sito web dello sviluppatore.

Il Journal Blog Kit per Divi

Il Journal Blog Kit per Divi aggiunge molte funzionalità di stile alle pagine e ai post del tuo blog. Mi piace che dia uno stile ai post del blog senza che debbano essere stati creati con Divi builder. Sono anche contento di vedere un kit che si concentra solo sul blog. I blog non ricevono sempre abbastanza attenzione.

I file devono essere installati manualmente, ma penso che questo sia un buon esercizio perché mostra dove vanno determinati tipi di file e ti dà alcune informazioni su come funziona WordPress. L'aggiunta dei file è in realtà più semplice di quanto sembri. Non ho avuto problemi con l'aggiunta del codice.

Ho aggiunto CSS al file del tema figlio per uno dei layout, quindi ho eliminato quel codice e ho aggiunto il CSS alle opzioni del tema per gli altri. Entrambi hanno funzionato come previsto. Il CSS, JS, PHP e tutti i file importati hanno funzionato perfettamente al primo tentativo. Per tornare al tuo design originale o a un design diverso, cambia semplicemente il tema figlio e rimuovi il CSS.

È interessante avere caratteristiche di stile del tema figlio in un layout. Mi piace perché può essere utilizzato con qualsiasi tema o layout figlio. Se sei interessato ad aggiungere alcune nuove funzionalità di blog a Divi, ti consiglio vivamente di dare un'occhiata al Journal Blog Kit.

Vogliamo sentire da voi. Hai provato il Journal Blog Kit per Divi? Fateci sapere cosa ne pensate nei commenti qui sotto.

Immagine in primo piano tramite M.Stasy / shutterstock.com