Evidenziazione del plug-in Divi - Modulo blog personalizzato Divi

Il modulo blog di Divi consente tutti i tipi di personalizzazioni. A parte le sue regolazioni standard, come layout, stili di carattere, bordi, sovrapposizioni, contenuto, ecc., Puoi regolarlo ulteriormente con i CSS. E se volessi cambiare l'aspetto e aggiungere alcune funzionalità senza dover codificare il tuo? Un plug-in di terze parti chiamato Divi Custom Blog Module potrebbe essere ciò di cui hai bisogno.

Divi Custom Blog Module (ora chiamato DTS Blog Module Pro) aggiunge un nuovo modulo a Divi Builder che fornisce nuovi stili e funzionalità tra cui tag dei social media, colori di sfondo per meta e categorie e altro ancora. Funziona sia con layout a larghezza intera che a griglia. Aggiungi il tuo CSS per personalizzarlo ulteriormente. Aggiunge 12 nuove opzioni di personalizzazione in modo da poter regolare i colori in tempo reale. Include anche tre nuovi widget da inserire nelle barre laterali.

In questo articolo diamo un'occhiata al plug-in Divi Custom Blog Module e vediamo cosa può fare. Ho creato alcuni post di esempio sul blog in modo da poter vedere come funziona. Le immagini per i post del blog provengono da Unsplash.com.

Installazione e impostazioni

Carica e attiva il plug-in proprio come qualsiasi plug-in premium. Una volta attivato, troverai una nuova voce di menu nella tua dashboard chiamata Divi Custom Modules.

Questo menu ti consente di scegliere gli elementi aggiuntivi che possono essere aggiunti agli snippet del blog.

Le opzioni di DCM ti consentono di abilitare o disabilitare i social media e le icone di posta elettronica visualizzate nello snippet del blog.

Opzioni DCM – Meta personalizzati ti consentono di abilitare o disabilitare i meta campi personalizzati per autore, data e commenti.

Ho incluso tutte queste opzioni nei miei esempi.

Creare un layout per il blog

Ho creato una pagina per visualizzare i post del mio blog di esempio e ho posizionato il modulo. Nota che ora ci sono due moduli blog: il modulo Divi originale (chiamato semplicemente Blog) e un nuovo modulo chiamato Personalizzato - Blog. Seleziona Personalizzato – Blog.

Tutte le funzionalità del blog a cui sei abituato sono qui inclusi layout, numero di post, categorie, meta, impaginazione, offset, immagine in primo piano, sovrapposizione di immagini, stili di carattere, bordi, icone, ecc. Puoi impostare il layout del blog e progettalo nello stesso modo in cui faresti il ​​modulo blog Divi standard con lo stesso livello di controllo.

Per aiutarci a vedere le funzionalità aggiunte, voglio prima mostrare il modulo blog standard. Ho selezionato un layout di griglia e ho lasciato tutto il resto di default. Include l'immagine in primo piano, il nome dell'autore, la data, la categoria, il numero di commenti e un frammento dell'articolo. È pulito e sembra fantastico.

Ecco il layout del blog utilizzando il modulo blog personalizzato Divi con le stesse impostazioni. Sposta il nome della categoria nell'angolo in alto a sinistra, centra il nome del post e lo inserisce in una casella colorata, aggiunge i pulsanti di condivisione social che ho selezionato nel menu della dashboard e sposta le meta informazioni sotto lo snippet del post.

Ecco una visione più ravvicinata. Passando il mouse sulle icone social si scambia il colore dell'icona e il suo colore di sfondo, quindi l'icona è ora bianca mentre il colore di sfondo è il colore del marchio del social network. In questo esempio sto passando con il mouse sull'icona di Google+. Facendo clic sul pulsante si accede al social network in cui è possibile condividere l'articolo (proprio come qualsiasi pulsante di condivisione sui social).

Ecco la normale home page (non utilizzando Divi Builder) che mostra solo gli ultimi post. Utilizza la navigazione verticale con un'immagine in background, i post standard di WordPress e i normali widget di WordPress nella barra laterale. Volevo mostrare questo per il confronto.

Ecco uno sguardo al normale layout dei post di WordPress con i moduli personalizzati Divi attivi. Anche se questa pagina non è stata creata con Divi Builder, visualizza comunque i post utilizzando il modulo blog personalizzato Divi in ​​un layout a larghezza intera con tutti gli stessi contenuti aggiuntivi.

I post sono impilati verticalmente con l'immagine a sinistra, il titolo senza uno sfondo in stile, i pulsanti di follow social e lo snippet. La categoria si trova nell'angolo in alto a sinistra e le meta informazioni in basso, proprio come se si utilizzasse il modulo.

Tre nuovi widget

Il plugin aggiunge anche tre nuovi widget:

Informazioni su DCM : nome, titolo, posizione, immagine, descrizione e social network.

Ultimi post di Divichild – titolo, numero di post, categoria.

Divichild Popular Posts – titolo, numero di post, categoria.

Come il modulo blog personalizzato Divi, i widget possono essere stilizzati con il personalizzatore di temi.

Ecco uno sguardo ai widget quando vengono inseriti nella home page standard di WordPress. I widget sono racchiusi con i colori del modulo. Il widget Informazioni utilizza un design di layout simile al modulo quando viene visualizzato all'interno di una griglia.

Personalizzatore di temi

Ovviamente i caratteri e i colori possono essere modificati a piacimento e puoi aggiungere sovrapposizioni con icone proprio come il modulo blog standard. Possiamo fare ancora più personalizzazioni utilizzando il personalizzatore di temi.

Viene aggiunta una nuova personalizzazione a Theme Customizer chiamata Divi Custom Blog Layout. Qui puoi regolare i colori dei tag, degli sfondi, dei caratteri, delle icone e dei collegamenti per il modulo e i widget. Puoi regolare i widget singolarmente o tutti insieme.

In questo esempio ho regolato lo sfondo, l'icona e i colori dei caratteri. Puoi vedere tutte le regolazioni in tempo reale.

Ecco uno sguardo al modulo del blog a tutta larghezza con tutte le regolazioni che ho apportato nel Personalizzatore di temi. Questo usa il layout a tutta larghezza. Le regolazioni includono il colore del tag di categoria, lo sfondo del meta modulo e i colori dei caratteri, lo sfondo del titolo del post, i colori dello sfondo del widget e delle icone social e il colore del titolo di tutti i widget.

Questo usa il layout della griglia. Entrambi gli stili di biglietti per blog sono fantastici.

Licenza

La licenza consente di utilizzare il plug-in su siti Web illimitati per te e i tuoi clienti per tutto il tempo che desideri. Divi Custom Blog Module è così facile da usare che non richiede documentazione. Se puoi utilizzare un modulo Divi e il Personalizzatore di temi, puoi utilizzare questo plug-in di terze parti.

• Questo è un plugin premium. Segui questo link per acquistare: Modulo blog personalizzato Divi

Pensieri finali

Tutti gli elementi aggiuntivi conferiscono ai frammenti di post un nuovo aspetto, ma non è solo visivo. Le aggiunte sono effettivamente utili. E ovviamente puoi regolare i colori e i caratteri per adattarli perfettamente al tuo marchio o argomento.

Mi piacciono particolarmente i pulsanti di condivisione social aggiunti a ogni post e il widget Informazioni con i pulsanti di follow social. I widget Ultimi post e Post popolari aggiungono ancora più bagliore, permettendoti di abbinare lo stile o di modellarli individualmente.

Divi Custom Blog Module è semplice, ma tra il modulo e i widget aggiunge un bel po' di personalizzazione per rendere qualsiasi blog fantastico. Se vuoi aggiungere alcune nuove funzionalità alla pagina del tuo blog o alle barre laterali, vale la pena dare un'occhiata a questo plugin.

Ci piacerebbe sentire da voi! Hai provato Divi Custom Blog Module? Fateci sapere la vostra esperienza nei commenti.

Immagine in primo piano tramite hanss / shutterstock.com