Come visualizzare i post del blog per categorie in WordPress con Element

Se esegui un sito WordPress, è probabile che pubblichi diversi tipi di post sul blog. Alcuni possono essere tutorial, altri aggiornamenti di notizie, recensioni di prodotti o storie personali. Ma quando tutto è mescolato insieme, può essere difficile per i tuoi lettori trovare ciò che stanno cercando sulla pagina dell'archivio.

È qui che entrano in gioco le categorie. Le categorie in WordPress ti consentono di organizzare i tuoi post sul blog in diverse sezioni. Ad esempio, un blog di viaggio può avere categorie come "Asia", "Europa" e "Suggerimenti". Un blog del negozio online può utilizzare categorie come "Guide di prodotto", "Storie dei clienti" e "Aggiornamenti".

Raggruppando i tuoi contenuti, rendi più facile per i visitatori navigare attraverso il tuo sito e leggere solo i post che li interessano. In questo post sul blog, tratteremo una guida dettagliata su come visualizzare i post del blog per categorie in WordPress utilizzando il plug -in Element.

Perché Element?

Elementor è uno dei costruttori di pagine più popolari per WordPress, con 10+ milioni di installazioni attive. Perché ti dà la piena libertà di progettazione senza scrivere una singola riga di codice. Con il suo editor di drag-and-drop, puoi facilmente creare layout personalizzati e posizionare i post del tuo blog esattamente dove vuoi.

Quindi, se sei un utente senza codice che cerca la soluzione più semplice per creare layout Web complessi, Element dovrebbe essere in cima alla tua lista. Un altro grande motivo per usare Element è la sua vasta gamma di widget e flessibilità. Puoi utilizzare widget come post GRID, Post List o Archive per visualizzare i post di blog per categorie in stili diversi.

Questa flessibilità significa che è possibile evidenziare categorie specifiche sulla tua homepage, creare landing page basate su categorie o progettare un archivio di blog completamente personalizzato, il tutto senza toccare il codice. Questo è il motivo per cui useremo il plug -in Element per spiegare il processo in questo tutorial.

Come visualizzare i post del blog per categorie in WordPress: Guida passo-passo

Le persone di solito mostrano post di blog per categorie nella pagina Archivio. Esistono diversi modi in cui puoi farlo. Ma per questo, hai bisogno dei seguenti plugin sul tuo sito:

Una volta che questi plugin sono pronti sul tuo sito, esploriamo il processo di seguito.

Metodo uno: creazione di menu di categoria

Avremo bisogno dei seguenti widget per questo metodo. Con il widget post, creeremo la griglia post. Dopodiché, con il menu NAV, creeremo il menu di categoria. Ciò consentirà agli utenti di esplorare i post cambiando le categorie.

• Pali
• Menu WordPress

Passaggio 01: Apri una pagina di archivio dal Builder del tema

Come accennato in precedenza, le persone in genere si divertono a mostrare i loro post sul blog per categoria nella pagina dell'archivio. E hai bisogno del tema costruttore per creare la pagina dell'archivio.

Spero che tu sappia già come aprire il builder a tema. Passa ai modelli> Builder a tema .

Vieni all'opzione di archivio . Fai clic sul pulsante + Aggiungi nuovo per creare una pagina di archivio.

Passaggio 02: trascina e rilascia il widget post sul tuo contenitore

Trova il widget dei post . Trascindi e lascialo cadere sul contenitore desiderato sulla tela Element.

Una volta aggiunto il widget post, i post del blog verranno visualizzati con layout predefiniti.

Passaggio 03: stilizzare il widget dei post

Ora, personalizza e stilizza il layout dei post in modo che sembri buono come vuoi. Abbiamo cambiato pelle, tipografia, spaziatura e molte altre opzioni.

Passaggio 04: crea un menu di categoria

Vai al tuo dashboard WordPress . Naviga per l'aspetto> menu . Non preoccuparti se hai già un menu lì.

In questo caso, devi creare un nuovo menu. Fai clic sull'opzione Crea una nuova opzione di menu .

Scrivi un nome per il menu. Quindi, premi il pulsante Crea menu .

Seleziona le categorie che si desidera visualizzare nel menu. Dopodiché, premi il pulsante Aggiungi al menu .

Vedrai che le categorie si sono spostate sul lato destro. È possibile riorganizzare la loro posizione/gerarchia trascinando. Una volta fatto, fare clic sul pulsante Salva menu per preservare tutte le modifiche.

Passaggio 05: visualizzare il menu della categoria sul widget post

Vieni alla pagina che stai modificando con Elementor. Trova il widget del menu WordPress . Drag-and-drop It Over the Post Widget.

Accanto all'opzione di menu, scegli il menu di categoria creato sul backend solo qualche tempo fa. Basta selezionare il nome che hai usato per salvare il menu.

Il menu di categoria apparirà immediatamente in cima al widget post.

Passaggio 06: stilizzare il menu della categoria

Dalle schede di contenuto e stile, progetta il menu di categoria che sembra buono ed è allineato con il fascino del marchio del tuo sito.

Passaggio 07: imposta le impostazioni di query

È tempo di collegare il widget post al menu della categoria. Per fare ciò, selezionare il widget post , espandere la sezione query e scegliere l'opzione di query corrente .

Ora, se fai clic sulle opzioni di categoria, i post del blog cambieranno di conseguenza.

Passaggio 08: set condizioni

Fai clic sull'icona freccia a discesa accanto al pulsante pubblica. Premi l'opzione Condizioni di visualizzazione dall'elenco.

Seleziona le categorie come condizione dei risultati della ricerca.

Salva la condizione.

Passaggio 09: Anteprima dei post per categorie

Vieni alla pagina di anteprima. Fai clic sulle voci di menu della categoria una per una. Vedrai che i post stanno cambiando di conseguenza.

Pertanto, è possibile creare e visualizzare i post di blog per categorie su WordPress utilizzando il plug -in Element.

Metodo due: usando l'elenco della tassonomia

Elementor ha il widget dell'elenco di tassonomia, in base al quale è possibile aggiungere categorie in cima al tuo archivio post e consentire agli utenti di esplorare i post per categorie. Controlla il processo di seguito.

Passaggio 01: Apri una pagina di archivio dal Builder del tema

Spero che tu sappia già il processo, come l'abbiamo mostrato solo qualche tempo fa. Accedi alla dashboard WordPress. Quindi, naviga su Models> Tema Builder .

Vai all'opzione Archivio e apri una pagina facendo clic sul pulsante + Aggiungi nuovo .

Passaggio 02: trascina e rilascia il widget per i post dell'archivio

Trova il widget per i posti di archivio . Trascinalo e lascialo cadere sulla tela elementare.

Vedrai che tutti i tuoi post sono stati visualizzati sulla tela.

Ora, stilizzare il widget per i post dell'archivio in modo tale che ti stia bene. Abbiamo creato una sezione post-archivio in due colonne.

Passaggio 03: Aggiungi il widget dell'elenco della tassonomia

Prima di collocare il widget dell'elenco della tassonomia, posizionare un contenitore in cima ai posti di archivio. Perché il contenitore semplificherà la gestione e stilizzerà il widget dell'elenco della tassonomia.

Una volta aggiunto il contenitore, trova il widget dell'elenco di tassonomia e posizionalo sul contenitore.

Dopo aver aggiunto il widget dell'elenco della tassonomia, vedrai la sezione come questa. Ora devi aggiungere categorie.

Passaggio 04: Aggiungi categorie

L'aggiunta di categorie è molto semplice. Passare alla scheda Contenuto> Elenco . Accanto all'opzione di origine, otterrai un elenco a discesa . Da lì, seleziona categorie .

Successivamente, fai clic sull'elemento + aggiungi . Questo aprirà lo spazio per aggiungere tutte le categorie che desideri.

Scrivi un nome per la categoria. Quindi, dalla casella di ricerca delle categorie seleziona , digita la categoria desiderata. Ad esempio, abbiamo digitato Gutenberg per ottenere e selezionare la categoria.

Nota: assicurarsi di aver già salvato la categoria nel backend mentre crei post sul blog. Altrimenti, non li riceverai nella casella di ricerca delle categorie selezionate.

Puoi aggiungere tutte le categorie che vuoi. Vedi che abbiamo aggiunto quattro categorie ma non hanno un bell'aspetto. Devi stilizzarli in base all'appello della tua pagina.

Passaggio 05: stilizzare le categorie

Per risparmiare tempo, è possibile selezionare un preimpostazione per la stilizzazione.

Puoi stilizzarli ulteriormente dalla scheda Style e renderli simili a quello come puoi vedere nell'immagine qui sotto.

Passaggio 06: Imposta le condizioni e pubblica la pagina

Quando vengono eseguite le stilizzazioni necessarie, vai all'opzione Condizioni di visualizzazione .

Seleziona le categorie per la condizione.

Salva la condizione.

Passaggio 07: Anteprima la funzionalità della categoria

Vieni alla pagina di anteprima. Fai clic sulle categorie una per una. Vedrai che i post stanno cambiando in base alle categorie.

Pertanto, è possibile visualizzare i tuoi post sulla pagina Archivio per categorie utilizzando il widget dell'elenco di tassonomia.

Bonus: prova HappyAddons a usare il tema costruttore gratuitamente

HappyAddons è un potente plug -in per Elementor fornito con 130+ widget e oltre 24 funzionalità per portare il design del tuo sito Web al livello successivo. Offre strumenti di progettazione creativa, funzionalità avanzate e molte opzioni di personalizzazione che vanno oltre ciò che ottieni solo con Elementor.

Sono disponibili versioni sia gratuite che premium. Anche la versione gratuita è caricata con strumenti utili che rendono il web design più veloce e più semplice.

# HappyAddons Theme Builder (gratuito)

Una delle caratteristiche straordinarie di HappyAddons è il tema costruttore , che è completamente libero da usare. Con questo, puoi progettare modelli personalizzati per il tuo sito WordPress, tra cui intestazioni, piè di pagina, singoli post e pagine di archivio. Ciò significa che non sei limitato ai disegni predefiniti del tuo tema.

Quando si tratta di archivi di blog, puoi aggiungere una griglia del blog, un elenco di post o un widget post Archive e persino posizionare un menu di tassonomia o categoria in cima. Questo ti aiuta a visualizzare post di blog per categorie in modo elegante e intuitivo. Quindi, visualizzare post di blog per categorie nella pagina Archivio diventa gratuito con il plug -in HappyAddons.

Controlla come creare un modello di post sul blog con HappyAddons.

# Soluzione di risparmio sui costi

L'uso del Builder a tema HappyAddons è anche una soluzione di risparmio sui costi. Normalmente, Elementator consente solo funzionalità del builder del tema per gli utenti Pro, che richiedono una licenza premium. Ma con HappyAddons, ottieni un'alternativa gratuita.

Ciò consente ai principianti, ai blogger o ai proprietari di piccole imprese di creare pagine di archivio basate su categorie senza spendere soldi extra. Ottieni lo stesso livello di personalizzazione a costo zero, il che rende HappyAddon una scelta intelligente per gli utenti attenti al budget.

Oltre i layout del blog basati su categorie, HappyAddons può fare molto di più. Include widget avanzati come cursore avanzato, tabella dei prezzi, giostra di testimonianze, giostra del logo e molti effetti creativi . Questi ti consentono di progettare siti Web professionali che sembrano moderni e coinvolgenti.

Funzionalità come le condizioni di visualizzazione, la copia a dominio e i progetti preimpostati risparmiano anche tempo e sforzi nel processo di progettazione.

Note finali!

Visualizzare i post del blog per categorie in WordPress è uno dei modi migliori per organizzare i tuoi contenuti e guidare i lettori a ciò che vogliono. Sia che tu usi Element o HappyAddons, creando una pagina di archivio chiaro con layout basato su categorie rende il tuo sito più facile da navigare. Migliora anche l'esperienza dell'utente e mantiene i visitatori impegnati più a lungo.

Quando si imposta le pagine della categoria, prova a seguire alcune migliori pratiche. Usa nomi di categoria chiari e semplici in modo che i lettori li capiscano a colpo d'occhio. Evita di creare troppe categorie. Mantienili concentrati e significativi. Aggiungi un menu di categoria o un'opzione Filtro nella parte superiore del layout del blog per aiutare gli utenti a esplorare rapidamente i post.

Infine, assicurati che il tuo design sia reattivo, in modo che i visitatori possano sfogliare le categorie senza intoppi sia su dispositivi desktop che mobili. Seguendo questi suggerimenti, puoi rendere il tuo blog più intuitivo, ben strutturato e visivamente accattivante.