Come creare un modello di post del blog Elementor personalizzato (guida semplice)

Stai cercando il tutorial più semplice su come creare un modello di post del blog Elementor personalizzato?

I blog sono uno dei modi più popolari ed efficaci per creare consapevolezza sul tuo prodotto. Tuttavia, se vuoi trarre il massimo vantaggio dal marketing dei contenuti, devi assicurarti che la pagina del tuo blog abbia un aspetto accattivante insieme alle informazioni giuste.

Per rendere accattivante il tuo post sul blog, devi creare il tuo modello di blog personalizzato. E puoi ottenere un eccezionale modello di post sul blog per coinvolgere il tuo pubblico utilizzando Elementor. Puoi creare da zero una pagina del blog personalizzata di Elementor e crearne una utilizzando modelli predefiniti.

In questo articolo imparerai come creare un modello di post del blog Elementor utilizzando due metodi nel modo più semplice possibile. Quindi, continua a leggere...

Plugin che devi installare per creare un modello di post del blog Elementor personalizzato

Per creare un post sul blog in WordPress con il generatore di pagine Elementor senza sforzo avrai bisogno di entrambi

• Elementor (gratuito)

• ed Elementor Pro.

Come creare un modello di pagina del blog personalizzato Elementor da zero

Elementor Pro fornisce tutti i widget necessari di cui avrai bisogno per creare uno straordinario modello di post del blog personalizzato da zero. Segui i passaggi indicati di seguito per creare il tuo singolo modello di post Elementor:

Passaggio 1: crea un nuovo modello di blog singolo

Innanzitutto, devi creare un unico modello di blog. Per quello vai su WordPress Dashboard e quindi vai a Modelli ⇒ Aggiungi nuovo

e fare clic sul pulsante Aggiungi nuovo . Una volta aperta la nuova finestra, seleziona Post Singolo come tipo di modello dal menu a tendina, fornisci un nome a tua scelta quindi clicca su Crea Modello .

Ora dovresti vedere i layout predefiniti (spiegheremo come usarli in seguito). Poiché creeremo un modello di blog da zero, fai clic sul pulsante a croce nell'angolo in alto a destra per chiudere questa finestra.

Passaggio 2: seleziona una struttura/layout per il modello di post del blog

Ora devi scegliere una struttura per il modello del tuo blog, si consiglia di non utilizzare l'intera larghezza di una pagina poiché diventa difficile per l'utente leggerla. Per scegliere una struttura per il tuo modello di pagina blog personalizzato Elementor fai clic sull'icona + e seleziona quella che ti piace e fai semplicemente clic sulla struttura per inserirla.

Nota: per vedere come apparirà un blog con il modello che stai creando, seleziona un blog esistente dall'opzione Anteprima contenuto dinamico . Per impostarlo, fai clic sull'opzione Impostazioni nell'angolo in basso a sinistra.

Quindi, scegli Pubblica dall'anteprima del contenuto dinamico come menu a discesa, digita il nome del blog che desideri selezionare nel secondo menu a discesa in basso. Infine, fai clic su Applica e visualizza in anteprima .

Passaggio 3: aggiungi il widget Immagine in evidenza e personalizza le opzioni di stile dell'immagine

Una volta che hai il layout, nella barra dell'editor di sinistra, cerca il widget Immagine in evidenza. Dopo aver trovato il widget, trascinalo nella posizione desiderata.

Dopo il caricamento del widget, personalizza la dimensione dell'immagine, l'allineamento, la didascalia, il collegamento e l'opzione lightbox.

Per modificare le impostazioni di stile, vai alla scheda Stile . Qui puoi modificare l' altezza, la larghezza, l'opacità, il bordo, il raggio, ecc.

Passaggio 4: aggiungi e personalizza il widget Elementor Post Info

Dopo l'immagine della funzione, dovresti visualizzare le informazioni relative al post che puoi fare con il widget Informazioni sul post . Proprio come l'immagine in primo piano, prima cerca il widget Informazioni sul post , quindi trascina e rilascia semplicemente sotto il widget Immagine in primo piano.

Nella scheda Contenuto di Elementor Editor, puoi impostare il layout come Predefinito o Inline. È possibile modificare/eliminare Opzioni Autore, Data, Ora e Commenti . Puoi anche aggiungere un campo personalizzato al widget Informazioni sul post facendo clic sul pulsante + AGGIUNGI NUOVO.

Ancora una volta, passa alla scheda Stile per personalizzare le impostazioni di stile come Spazio tra gli elenchi, allineamento, Colore e dimensione dell'icona, Colore del testo e tipografia.

Passaggio 5: trascina e rilascia il widget Titolo del post e personalizza

Ora, cerca il widget Titolo del post e trascina e rilascia sotto il widget delle informazioni sul post.

Puoi personalizzare le dimensioni, il tag HTML e l'allineamento del tag Titolo del post.

Nella scheda Stile, troverai le opzioni per personalizzare il colore del testo, la tipografia, il tratto del testo, l'ombra del testo e la modalità di fusione.

Passaggio 6: aggiungi e personalizza il widget Post Content

Ora trascina e rilascia il widget del contenuto del post . Il widget del contenuto del post di ElementsKit rappresenta il corpo (contenuto principale) del post del blog.

Passaggio 7: trascina e rilascia il widget Icone social per aggiungere un'opzione di condivisione social

Dopo il contenuto del post, aggiungi il widget Icone social trascinando e rilasciando. Le icone social forniranno opzioni per condividere il tuo blog su diverse piattaforme social.

Puoi aggiungere/eliminare tutte le icone social che desideri. Inoltre, puoi personalizzare la forma delle icone, il numero di colonne da visualizzare e l'allineamento. Puoi anche personalizzare l'icona, il colore e il collegamento della piattaforma social per ciascuna delle icone social.

Passare alla scheda Stile per modificare la dimensione dell'icona, il colore, il riempimento, la spaziatura, il tipo di bordo.

Passaggio 8: aggiungi il widget Casella dell'autore e personalizza le impostazioni del widget

Cerca la casella dell'autore e trascina e rilascia il widget dopo le icone social. Puoi anche aggiungere un autore personalizzato se lo desideri dal menu a discesa delle fonti. Puoi scegliere di visualizzare/nascondere l'immagine del profilo, il nome visualizzato e la biografia . Puoi anche personalizzare altre impostazioni come tag HTML, collegamento, layout, allineamento.

Passa alla scheda Stile per personalizzare opzioni come Dimensione immagine, bordo, colore e tipografia del nome dell'autore, biografia, ecc.

Passaggio 9: aggiungi il widget di navigazione del post per l'opzione di impaginazione

Il widget Elementor Post Navigation offrirà opzioni di navigazione ai lettori in modo che possano passare a blog diversi. Per aggiungere il widget di navigazione dei post, come prima, cerca nell'editor e quindi trascina e rilascia dopo il widget della casella dell'autore.

Puoi mostrare o nascondere l'etichetta di impaginazione o il segno della freccia. Ottieni circa 8+ opzioni di design per le frecce. Puoi anche personalizzare il testo di livello precedente e successivo.

È possibile modificare il colore e la tipografia di etichetta, titolo, freccia e bordi sia per la visualizzazione normale che per quella al passaggio del mouse.

Passaggio 10: trascina e rilascia il widget Post per visualizzare i post correlati

Per mostrare i post correlati, utilizzeremo il widget Post di Elementor . Quindi, trascina e rilascia il widget dei post dopo il widget di navigazione dei post. Con questo widget puoi cambiare il colore della pelle, impostare il numero di colonne, il numero di post per pagina, la posizione dell'immagine e molte altre impostazioni. È inoltre possibile modificare i diversi stili di layout, riquadro, immagine e contenuto.

Passaggio 11: aggiungi il widget dei commenti sul post

Per dare la possibilità ai tuoi utenti di commentare i tuoi post, devi aggiungere i widget dei commenti dei post. Cerca il widget Commenti sui post e trascina e rilascia sotto il widget dei post.

Passaggio 12: aggiorna e visualizza il modello di pagina del blog personalizzato di Elementor

Ora che tutto il design è terminato, fai clic sul pulsante di aggiornamento . Se viene visualizzata la finestra delle impostazioni di pubblicazione, fare clic su Salva e chiudi.

Ecco l'anteprima del modello di post del blog Elementor personalizzato che abbiamo appena creato.

Se hai trovato il metodo sopra descritto troppo dispendioso in termini di tempo, puoi optare per il metodo menzionato di seguito in cui non devi creare e progettare ogni sezione da zero.

Come creare la singola pagina del post utilizzando il modello Elementor premade

Se prevedi di utilizzare un modello predefinito per la tua pagina del blog personalizzato Elementor, puoi farlo in soli 3 passaggi. Controlliamo come:

Passaggio 1: crea un nuovo modello di post sul blog singolo dalla dashboard

Come il primo metodo, devi creare un nuovo modello di blog singolo. Per maggiori dettagli su come creare il nuovo template scorri un po' verso l'alto e controlla il primo passaggio del primo metodo (come costruire un template di blog da zero).

Passaggio 2: scegli un modello di Post singolo Elementor predefinito

Dopo aver fatto clic su Crea modello, vedrai la finestra della libreria di Elementor con molti modelli di post singoli personalizzati. Qui puoi scegliere uno qualsiasi dei blocchi di post singoli che ti piacciono. Passa il mouse sul modello di tua preferenza, fai clic su Inserisci.

Passaggio 3: scegli un modello di Post singolo Elementor predefinito

Una volta caricato il modello, fai clic sul pulsante Pubblica per salvare tutti i nuovi modelli di blog.

Ecco un aspetto finale di un post del blog che utilizza un post del blog Elementor utilizzando un modello di post singolo predefinito.

Come creare una pagina degli ultimi post di Elementor con ElementsKit

Ora che hai un modello di post singolo attraente, è il momento di creare una pagina di elenco del blog personalizzata in modo che tutti i tuoi blog vengano visualizzati in un modo piacevole per gli occhi e facile da usare. Diamo un'occhiata a come creare gli ultimi post di Elementor personalizzati con ElementsKit.

Passaggio 1: installa e attiva ElementsKit

Per creare una straordinaria pagina di elenco di blog, insieme al generatore di pagine Elementor, avrai bisogno di ElementsKit. ElementsKit è un plug-in all-in-one per Elementor con oltre 85 widget e moduli per rendere lo sviluppo web più semplice che mai.

Passaggio 2: abilita il widget relativo all'elenco dei post

Una volta attivato, è necessario attivare il widget relativo ai post per creare la pagina dell'elenco dei post. ElementsKit fornisce una serie di widget per visualizzare gli elenchi dei blog che includono Post del blog, Griglia dei post, Elenco dei post, widget della scheda Post, ecc. È possibile abilitare il widget che si desidera utilizzare.

Passaggio 3: aggiungi il widget e personalizza

Ora vai alla pagina dell'elenco del blog, cerca il widget e trascina semplicemente e rilascia. Una volta caricato il widget, puoi personalizzare le relative impostazioni per personalizzare la pagina dell'elenco del tuo blog. Diamo un'occhiata a come apparirà una pagina di elenco di blog con alcuni dei widget ElementsKit e le relative opzioni di personalizzazione.

I post del blog:

Utilizzando il widget Post del blog, puoi visualizzare i tuoi blog in formato Blocco, Griglia con pollice e Griglia senza design del pollice . Puoi anche impostare il numero di post da mostrare per riga, abilitare/disabilitare l'impaginazione e molte altre opzioni. Per maggiori dettagli dai un'occhiata al nostro blog su come visualizzare i post recenti del blog.

Posta griglia:

Con il plug-in della griglia dei post, puoi personalizzare quali blog di categoria desideri visualizzare nell'elenco dei tuoi blog. Puoi anche scegliere il numero di post da visualizzare e i numeri di colonna che ogni riga dovrebbe avere. Per maggiori dettagli, controlla la nostra documentazione.

Widget della scheda Post

Con un widget Post Tab , ottieni tutte le opzioni di personalizzazione come Post Grid insieme a una scheda di categoria aggiuntiva. Con questa opzione, gli utenti possono semplicemente passare con il mouse su qualsiasi scheda di categoria e vedere solo i blog di quella particolare categoria.

Dopo aver scelto il tuo widget e aver effettuato la personalizzazione in base alla tua scelta, fai clic sul pulsante di aggiornamento per pubblicare. Ora dovresti avere una pagina che mostra gli ultimi post recenti di Elementor in modo allettante.

Parole finali

Abbiamo fatto del nostro meglio per fornirti un semplice tutorial su come creare un modello di post del blog Elementor personalizzato in due modi. Ci auguriamo che tu abbia trovato il blog utile per creare il tuo modello di blog Elementor personalizzato. Puoi seguire i passaggi e modificare i layout e i design in base alla tua scelta.

E non dimenticare di dare un tocco straordinario alla pagina dell'elenco del tuo blog con i widget ElementsKit. ElementsKit è il complemento perfetto per Elementor, prenditi del tempo per dare un'occhiata a tutti i fantastici widget che questo componente aggiuntivo ha da offrire.