Come progettare un blog DIVI utilizzando il plugin e il widget WP Latest Posts

Con DIVI Builder possiamo progettare siti web eccellenti. È un page builder davvero facile da usare, con funzionalità per quasi ogni cosa! A volte, però, abbiamo bisogno di componenti aggiuntivi, come la creazione di un'eccellente pagina Blog, e WP Latest Post con DIVI ci permetterà di farlo.

WP Latest Post è un plugin che ci consente di creare pagine con i nostri ultimi post utilizzando filtri e strumenti di progettazione per svolgere il lavoro in tempi record e adattarlo perfettamente al nostro sito.

In questo post vedremo come utilizzare DIVI e WP Latest Post per ottenere il massimo da entrambi.

Crea un blocco con i nostri ultimi post di WordPress

Per iniziare, dobbiamo creare un blocco Post in WP Latest Post per incorporarlo in DIVI.

Per farlo, vai su WP Latest Post > Tutti i nuovi blocchi nel menu a sinistra, vedremo un +Nuovo blocco , cliccaci sopra.

Potremo definire un titolo e poi procedere con la creazione del blocco.

La creazione del blocco è divisa in 3 sezioni in cui potremo definire ogni parte del blocco, la prima delle quali è la Sorgente.

Come suggerisce il nome, potremo definire cosa verrà utilizzato per il Blocco per definire i post inclusi: possiamo utilizzare pagine, post, categorie o tipi di post personalizzati.

Per questo tutorial, selezioneremo l'opzione Post mentre creiamo una pagina Blog.

Dopo aver selezionato la fonte, possiamo definire come filtrare il contenuto e personalizzare il modo in cui verrà visualizzato, definendo quanto segue:

Categorie : filtra i contenuti che verranno mostrati per categoria.

Ordina per/Ordina : definisci come verranno ordinati i nostri post, se in base alla data di creazione e se in ordine crescente o decrescente.

Numero di righe/colonne ed elementi : seleziona il numero di righe che vogliamo mostrare, il numero di colonne e il numero massimo di elementi che verranno mostrati.

Pubblicato/Data : per definire se vogliamo mostrare solo i post pubblicati dopo/prima di una data specifica.

Contenuto creato negli ultimi : questo ci permetterà di definire un set più specifico di post per le ultime ore/giorni/mesi/anni.

Inclusione di contenuti : per definire se vogliamo mostrare una categoria una o più volte.

Possiamo anche confermare il numero di post che verranno visualizzati con i nostri contenuti e le selezioni attuali sotto il titolo del blocco.

Ora possiamo passare alla parte successiva, ovvero la visualizzazione e il tema, dove potremo impostare un tema tra gli 8 disponibili per WP Latest Post ( +Addon ).

Innanzitutto, in questa parte, potremo vedere la selezione del tema e le opzioni per modificarlo; queste opzioni cambieranno a seconda del tema che selezioniamo.

Tema predefinito

Griglia di categoria

Tema Masonry

Tema orizzontale materiale

Tema verticale materiale

Tema del portfolio

Tema Smooth Hover

Tema della cronologia

Tantissime opzioni per ogni tema, così possiamo adattare quello che più ci piace alla nostra pagina e adattarlo perfettamente con pochi clic.

Per questo post utilizzeremo l' Masonry Theme per poter procedere ulteriormente.

E ora possiamo passare alla scheda successiva in questa sezione, ovvero la Configurazione del tema , che potrebbe essere diversa a seconda del tema che scegliamo. Per il tema che abbiamo selezionato abbiamo la possibilità di visualizzare il titolo, un pulsante Carica altro e forzare un'icona al passaggio del mouse.

Per prima cosa possiamo personalizzare l'icona che verrà visualizzata al passaggio del mouse e modificarla con una qualsiasi di quelle offerte da WP Latest Post oppure caricarne una nostra.

Vedremo un'altra scheda, ovvero Animazione . Questa opzione serve a gestire i temi che contengono animazioni, come il Smooth Hover che è uno slider; con Masonry non c'è alcuna animazione, quindi la salteremo.

E ora possiamo procedere all'ultima parte, la Sorgente dell'immagine, dove possiamo definire l'immagine che verrà utilizzata nel nostro blocco per i post che non hanno alcuna immagine, oppure utilizzare la prima immagine disponibile nel post o l'Immagine in evidenza.

Con questo abbiamo completato la configurazione del Block Post e ora siamo pronti per pubblicarlo.

Vedremo una scheda aggiuntiva in cui potremo trovare lo Shortcode del blocco e definire se è privato o se vogliamo pubblicare il blocco in un determinato momento.

Un sacco di strumenti fantastici per una funzionalità utile da utilizzare nel DIVI Page Builder! Ora andiamo ad aggiungerli a una pagina usando DIVI.

Utilizzo di DIVI e WP Latest Post per creare una pagina del blog

Ora che abbiamo visto quanto è facile creare il nostro blocco Post, aggiungiamolo alla nostra pagina DIVI.

Per prima cosa vai alla tua Pagina / Post e modificalo o creane uno nuovo e clicca su Usa DIVI Builder .

Ora possiamo iniziare a inserire il nostro modulo e poi cercare WP Latest Posts , apparirà il blocco per il plugin, cliccaci sopra.

Apparirà come prima opzione disponibile un'opzione per selezionare il Blocco, clicca su Scegli un Blocco e poi su Blocca Post, in questo caso abbiamo digitato La mia sezione Post .

Un'anteprima del nostro blocco verrà caricata immediatamente in background.

E questo è tutto! Una fantastica pagina del blog creata con pochi clic.

Un altro punto importante da tenere a mente è che avremo la possibilità di modificare in tempo reale il nostro Blocco Ultimi Post utilizzando le opzioni Divi, dove potremo impostare elementi come sfondo, spazi, filtri e molte altre opzioni.

Ora non ci resta che ultimare la modifica, se necessaria, e pubblicarla! La nostra nuova pagina del blog personalizzato è pronta e siamo pronti a partire!

Bastano pochi clic per creare la migliore pagina del blog che abbiamo mai visto, e si adatterà sempre ai nostri contenuti grazie a tutte le opzioni che abbiamo per personalizzarla, fantastico! Non è vero?

Sblocca il livello successivo di creazione di sezioni di notizie in WordPress

Come puoi vedere, WP Latest Post è un'aggiunta fantastica al nostro sito WordPress, non solo per creare pagine del blog, ma anche per creare qualsiasi tipo di sezione News! Ad esempio, puoi filtrarle per categoria e mostrare una sezione News diversa per ogni categoria, oppure creare una sezione News anche per i nostri prodotti WooCommerce.

Le possibilità sono infinite e funziona con tutti i principali Page Builder di WordPress. Cosa aspetti? Visita questa pagina e inizia a creare!