Tutorial WordPress affidabili, quando ne hai più bisogno.
Guida per principianti a WordPress
WPB Cup
25 Milioni+
Siti web che utilizzano i nostri plugin
16+
Anni di esperienza con WordPress
3000+
Tutorial WordPress di esperti

Come creare una pagina di archivi personalizzata in WordPress

Creare una pagina di archivi personalizzata in WordPress può migliorare significativamente la navigazione del tuo sito e la reperibilità dei contenuti.

Noi di WPBeginner abbiamo implementato la nostra pagina di archivi personalizzata per aiutare i lettori ad accedere facilmente alla nostra vasta raccolta di post del blog e tutorial.

Una pagina di archivi ben progettata può migliorare l'esperienza utente, aumentare l'engagement e persino aiutare con la SEO fornendo una chiara struttura del sito. È utile per siti ricchi di contenuti, blog e riviste online in cui i visitatori potrebbero voler approfondire argomenti specifici.

In questo articolo, ti mostreremo come creare una pagina di archivi personalizzata in WordPress.

Come creare una pagina archivi personalizzata in WordPress

Perché creare una pagina di archivi personalizzata in WordPress?

Una pagina di archivi mira a visualizzare un elenco cronologico dei tuoi post passati, rendendo più facile per i visitatori esplorare i tuoi contenuti in base alle date di pubblicazione.

Se sei un blogger, avere una pagina di archivi è un must. Fornisce un modo conveniente per gli utenti di accedere ai post più vecchi senza dover scorrere l'intero blog.

Potresti voler creare una pagina di archivi personalizzata se il tuo tema attuale non dispone di un modello di pagina di archivi. Anche se lo fa, potresti comunque volerlo personalizzare in base alle tue esigenze.

Noi di WPBeginner utilizziamo una pagina di archivi personalizzata che presenta un pulsante che indirizza gli utenti alla nostra raccolta di guide WPBeginner. In questo modo, i nuovi lettori possono semplicemente cliccarci sopra per vedere le nostre risorse delle guide definitive.

Inoltre, organizziamo tutti i nostri post del blog per anni e mesi in modo che i lettori possano vedere facilmente quali articoli sono stati pubblicati in un determinato periodo.

L'archivio personalizzato di WPBeginner

Qui, abbiamo anche aggiunto le categorie e i tag del nostro sito alla pagina di archivio personalizzata.

In questo modo, i visitatori possono trovare facilmente post più vecchi che potrebbero interessarli. Se fai questo per il tuo blog, avrai maggiori possibilità di aumentare le tue visualizzazioni di pagina e ridurre il tuo tasso di rimbalzo.

L'archivio personalizzato di WPBeginner

Tenendo conto di ciò, vediamo come puoi creare una pagina di archivi personalizzata in WordPress, indipendentemente dal tema che stai utilizzando.

Utilizza semplicemente i collegamenti rapidi qui sotto per passare direttamente al metodo che desideri utilizzare.

Metodo 1: Crea un modello di archivio personalizzato utilizzando l'editor a blocchi (senza plugin)

Se stai utilizzando un tema a blocchi, l'editor completo del sito rende facile progettare un modello di pagina di archivio personalizzato.

Questo metodo non funziona con tutti i temi, quindi se non stai utilizzando un tema WordPress basato su blocchi, ti consigliamo di utilizzare invece un page builder.

Per iniziare, semplicemente crea una nuova pagina o apri una pagina esistente che desideri utilizzare come archivio. Nel menu a destra, fai clic sulla scheda 'Pagina' e quindi seleziona il collegamento accanto a 'Modello'. Il testo esatto del modello può variare a seconda del modello che stai utilizzando attualmente.

Come creare un nuovo modello di archivi personalizzato

Ora apparirà un popup con il tuo modello attuale.

Vai avanti e fai clic sull'icona 'Nuovo modello'.

Creazione di un modello di archivi personalizzato

Nel popup, digita un nome per il modello di pagina personalizzato. Il nome del modello è solo per riferimento, quindi puoi usare quello che vuoi.

Quindi, procedi e fai clic su 'Crea' per avviare l'editor del modello.

Denominazione di un modello di archivi personalizzato di WordPress

L'editor di template funziona in modo simile al normale editor a blocchi di WordPress

Per aggiungere blocchi alla tua pagina archivi personalizzata, fai semplicemente clic sul pulsante blu ‘+’. Puoi quindi trascinare e rilasciare per aggiungere blocchi al tuo layout. 

Aggiungere blocchi all'editor completo del sito

Poiché stiamo creando una pagina archivi personalizzata, in genere vorrai iniziare aggiungendo un blocco Archivi. Questo blocco di WordPress consente ai visitatori di esplorare i tuoi post in base all'anno, al mese, alla settimana o al giorno.

Ad esempio, l'immagine seguente mostra un blocco Archivi in cui i post sono organizzati in archivi mensili.

Come aggiungere un blocco archivi a un modello personalizzato

Facendo clic su uno qualsiasi di questi collegamenti, il visitatore verrà indirizzato a una nuova pagina che mostra tutti i post pubblicati durante quel periodo.

Per aggiungere un blocco Archivi, trovalo semplicemente nel menu a sinistra e quindi trascinalo sul tuo layout. Dopo aver aggiunto qualsiasi blocco, è una buona idea esaminare le sue impostazioni nel menu a destra.

Configurazione del blocco archivi di WordPress

Per iniziare, potresti voler cambiare il modo in cui i post sono organizzati aprendo il menu a discesa ‘Raggruppa per’ e scegliendo un’opzione dall’elenco.

Ad esempio, se hai solo un piccolo numero di post, potrebbe avere senso mostrarli per giorno.

Tuttavia, se hai molti contenuti, di solito vorrai scegliere ‘Mese’ o addirittura ‘Anno’ in modo da non sopraffare i visitatori con un lungo elenco.

Raggruppare i post archiviati per data

WordPress mostra i post archiviati in un elenco puntato per impostazione predefinita, ma puoi anche presentarli come un menu a discesa.

Questo può essere utile se hai pochissimo spazio e devi creare un archivio compatto. Per passare a un formato a discesa, fai semplicemente clic sul cursore ‘Mostra come menu a discesa’ per attivarlo.

Visualizzare i post come menu a discesa

Il blocco Archivio può anche mostrare il numero totale di post accanto a ogni intestazione.

Questo può aiutare i visitatori a decidere quale parte dell’archivio vogliono esaminare per prima.

Creare una pagina archivi personalizzata in WordPress

Potresti anche voler aggiungere un archivio per categoria in modo che i visitatori possano esplorare i tuoi post in base al loro contenuto e non solo alla data. Questo può aiutare i visitatori a trovare contenuti interessanti, il che li manterrà più a lungo sul tuo sito web e migliorerà il tuo SEO di WordPress.

Per aggiungere questo blocco, fai semplicemente clic sul pulsante blu ‘+’ e digita ‘Elenco categorie’. Quando appare il blocco giusto, aggiungilo al tuo layout trascinandolo.

Aggiungere un elenco di categorie a una pagina archivi personalizzata

Ancora una volta, potresti voler apportare alcune modifiche alle impostazioni del blocco.

Simile al blocco Archivi, puoi aggiungere un conteggio dei post all’elenco o mostrare le categorie come menu a discesa anziché come elenco puntato.

Per impostazione predefinita, questo blocco mostra tutte le categorie e sottocategorie esattamente nello stesso modo.

Un elenco di categorie e sottocategorie in una pagina archivi personalizzata

Potresti preferire mostrare le categorie figlie indentate sotto la loro principale.

Per apportare questa modifica, fai clic per attivare l'interruttore ‘Mostra gerarchia’.

Mostrare sottocategorie indentate in un archivio personalizzato di WordPress

Un'altra opzione è nascondere completamente le categorie figlie attivando l'interruttore ‘Mostra solo categorie di primo livello’.

Potresti anche voler aggiungere una nuvola di tag, che può aiutare i visitatori a trovare contenuti correlati interessanti. Per farlo, trova semplicemente ‘Nuvola di tag’ nel menu di sinistra e trascinala sul tuo layout.

Aggiungere una nuvola di tag alla pagina archivi

Ora puoi selezionare il blocco e configurarlo utilizzando le impostazioni nel menu di destra.

Per iniziare, la Nuvola di tag ha due stili: Predefinito e Contorno. Puoi passare dall'uno all'altro facendo clic sulla piccola icona del cerchio e quindi scegliendo una delle opzioni sotto ‘Stili’.

Aggiungere una nuvola di tag a una pagina archivi personalizzata

Puoi anche mostrare il numero totale di post accanto a ciascun tag e modificare il numero di tag inclusi nella nuvola.

Fai semplicemente clic sulla piccola icona a forma di ingranaggio e quindi apporta le tue modifiche in questa sezione.

Modifica delle impostazioni della nuvola di tag

Nonostante il nome, puoi anche mostrare le categorie nella Nuvola di tag. Ad esempio, potresti preferire lo stile del blocco Nuvola di tag rispetto al blocco Categorie.

Per mostrare invece le categorie del tuo sito, apri semplicemente il menu a discesa ‘Tassonomia’ e quindi scegli ‘Categorie’.

Visualizzazione delle categorie in una nuvola di tag

Gli archivi sono progettati per offrire ai visitatori un facile accesso a tutti i tuoi contenuti.

Tuttavia, potresti anche voler evidenziare i post più recenti del tuo sito aggiungendo un blocco Ultimi post.

Visualizzazione di un elenco degli ultimi post

Per impostazione predefinita, questo blocco mostra semplicemente il titolo di ciascun post, ma puoi aggiungere l'autore, la data di pubblicazione e l'immagine in evidenza.

Utilizza semplicemente gli interruttori nel menu di destra per apportare queste modifiche.

Visualizzazione dei tuoi post più recenti nella pagina archivio

Potresti anche voler mostrare l'estratto del post, che può aiutare i visitatori a capire di cosa tratta ciascun post.

Per aggiungere gli estratti, fai clic per attivare l'interruttore ‘Contenuto del post’.

Come mostrare il contenuto e gli estratti dei post nella pagina archivio personalizzata

Successivamente, fai clic per selezionare il pulsante ‘Estratto’.

Per impostazione predefinita, WordPress mostrerà un massimo di 55 parole nell'estratto. Per mostrarne più o meno, utilizza semplicemente le impostazioni ‘Numero massimo di parole nell'estratto’.

Dopo averlo fatto, scorri fino alla sezione ‘Ordinamento e filtri’.

Qui, puoi vedere che il blocco organizza i post dal più recente al meno recente. Puoi cambiarlo aprendo il menu a discesa ‘Ordine’ e scegliendo un'opzione diversa, come ‘A-Z’.

Organizzare gli ultimi post nella pagina archivio di WordPress

In questa sezione, puoi anche scegliere di mostrare post di un autore o di una categoria specifica.

Infine, puoi cambiare quanti post WordPress mostra nel blocco, digitando un nuovo numero nella sezione ‘Numero di elementi’ o trascinando il cursore.

Modifica dell'ordine dei tuoi ultimi post

Puoi continuare a lavorare sulla tua pagina archivio aggiungendo altri blocchi e configurandoli nel menu a destra.

Ad esempio, potresti voler aggiungere un blocco Immagine e mostrare un logo personalizzato o aggiungere una barra di ricerca in modo che i visitatori possano cercare un post specifico.

Quando sei soddisfatto dell'aspetto del modello, fai clic sul pulsante ‘Pubblica’ e poi sul pulsante ‘Salva’.

La pagina creata in precedenza utilizzerà ora il nuovo modello di archivio. Puoi aggiornare o pubblicare la pagina, quindi visitare il tuo sito web WordPress per vedere la pagina di archivio personalizzata dal vivo.

Per ulteriori informazioni sull'utilizzo dell'editor completo del sito di WordPress, consulta le seguenti guide:

L'editor basato su blocchi ti consente di creare una semplice pagina di archivi personalizzata. Tuttavia, non funziona con tutti i temi e sei limitato ai blocchi e agli strumenti integrati di WordPress.

Se desideri creare una pagina di archivi completamente personalizzata che funzioni con qualsiasi tema WordPress, ti consigliamo di utilizzare invece un page builder.

SeedProd è il miglior page builder drag-and-drop per WordPress. Viene fornito con oltre 180 modelli e blocchi pronti all'uso, incluso un blocco che mostra tutti i post del tuo sito web.

Innanzitutto, devi installare e attivare SeedProd. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin WordPress.

Nota: Esiste una versione gratuita di SeedProd che ti consente di creare pagine personalizzate se hai un budget limitato e stai appena iniziando. Tuttavia, per questa guida, utilizzeremo SeedProd Pro poiché ha molti più modelli e blocchi.

Dopo aver attivato il plugin, SeedProd ti chiederà la tua chiave di licenza.

Aggiunta della chiave di licenza SeedProd

Puoi trovare queste informazioni nel tuo account sul sito web di SeedProd. Dopo aver inserito la chiave, fai clic sul pulsante 'Verifica chiave'.

Una volta fatto ciò, vai su SeedProd » Pagine di destinazione e fai clic sul pulsante 'Aggiungi nuova pagina di destinazione'.

Creazione di una nuova pagina SeedProd

Ora puoi scegliere un modello per la pagina di archivi personalizzata.

I modelli di SeedProd sono organizzati in diversi tipi di campagne come lead squeeze, modalità di manutenzione, e coming soon. Puoi fare clic sulle schede nella parte superiore dello schermo per filtrare i design in base al tipo di campagna. 

Modelli di SeedProd progettati professionalmente

Per visualizzare in anteprima qualsiasi design, passa semplicemente il mouse sopra quel modello.

Quindi, fai clic sull'icona della lente d'ingrandimento che appare.

Anteprima di un modello SeedProd

Quando trovi un design che ti piace, fai clic su ‘Scegli questo modello’. Stiamo usando il ‘Modello vuoto’ poiché ci consente di iniziare con una base pulita, ma puoi usare qualsiasi modello desideri.

Successivamente, digita un nome per la pagina personalizzata. SeedProd creerà automaticamente un URL basato sul titolo della pagina, ma puoi modificare questo URL se lo desideri.

Quando sei soddisfatto delle informazioni che hai inserito, fai clic sul pulsante ‘Salva e inizia a modificare la pagina’.

Come creare un archivio personalizzato utilizzando SeedProd

Questo caricherà l'interfaccia del page builder di SeedProd. È un semplice builder drag-and-drop che mostra un'anteprima live della tua pagina sulla destra.

Vedrai anche le impostazioni dei blocchi sulla sinistra.

Come creare un archivio personalizzato utilizzando SeedProd

Per iniziare, dovrai scegliere un layout, che organizzerà il tuo contenuto in colonne.

Nella sezione ‘Scegli il tuo layout’, fai semplicemente clic sul layout che desideri utilizzare. Puoi scegliere qualsiasi layout, ma noi utilizzeremo il layout a schermo intero in tutte le nostre immagini.

Scelta di un layout per la tua pagina archivio personalizzata

Dopo aver scelto un layout, puoi iniziare ad aggiungere blocchi alla pagina degli archivi.

Il menu di sinistra mostra tutti i diversi blocchi che puoi trascinare sul tuo progetto. Poiché stiamo creando una pagina di archivio personalizzata, aggiungeremo un blocco Post.

Nel menu di sinistra, inizia a digitare ‘Post’ nella barra di ricerca. Quando appare il blocco corretto, trascinalo e rilascialo sul tuo layout.

Aggiunta di un blocco 'Post' a una pagina personalizzata utilizzando SeedProd

Questo blocco mostrerà ora il titolo di tutti i tuoi post.

Ha anche un link ‘Continua a leggere’ su cui i visitatori possono fare clic per leggere ogni post per intero.

Come aggiungere post a una pagina archivio personalizzata in WordPress

Per impostazione predefinita, questo blocco mostra tutti i tuoi post, ma puoi cambiarlo per mostrare solo i post che hanno una particolare categoria o tag, o post pubblicati da un autore specifico.

Per apportare questa modifica, fai semplicemente clic per selezionare il blocco ‘Post’ nel tuo layout e quindi utilizza le impostazioni nel menu di sinistra.

Ad esempio, nell'immagine seguente, stiamo mostrando solo i post della categoria ‘Marketing’.

Filtrare i post dell'archivio in base alla categoria

Puoi anche cambiare il modo in cui i post sono organizzati nel blocco. Ad esempio, potresti mostrare i post in base a quando sono stati pubblicati, o a quanti commenti hanno.

Per cambiare l'ordine dei tuoi post, scorri semplicemente fino alla casella ‘Ordina per’ e quindi scegli una nuova opzione. Per impostazione predefinita, SeedProd mostra i post in ordine ‘ASC’, che sta per ascendente.

Per disporre i tuoi post in ordine decrescente, apri semplicemente il menu a discesa ‘Ordine’ e scegli ‘DESC’.

Visualizzazione dei post in ordine decrescente

Dopodiché, puoi scorrere fino alla sezione ‘Layout’ e cambiare il modo in cui viene visualizzato l'elenco dei post.

Ad esempio, puoi dividere i post in più colonne digitando un nuovo numero nel campo ‘Colonne’.

Creazione di una pagina archivio a più colonne

Puoi anche cambiare quanti post sono inclusi nell'elenco, aggiungere o nascondere gli estratti dei post e cambiare il testo ‘Continua a leggere’.

Quando sei soddisfatto dell'aspetto dell'elenco dei post, puoi aggiungere altri blocchi alla tua pagina archivio e quindi personalizzare tali blocchi utilizzando le impostazioni nel menu a sinistra.

Ad esempio, potresti voler incoraggiare le persone a seguirti sui social media aggiungendo un blocco 'Profili social'.

Aggiunta di profili social a una pagina personalizzata

Quando sei soddisfatto di come è impostata la pagina, è ora di pubblicarla facendo clic sulla freccia a discesa accanto a 'Salva' e quindi selezionando 'Pubblica'.

La tua pagina personalizzata sarà ora attiva sul front-end del tuo blog WordPress.

Pubblicazione della tua pagina archivio personalizzata SeedProd

Per aiutare i visitatori a trovare la pagina archivio, potresti volerla aggiungere al tuo menu di navigazione o al piè di pagina del tuo sito web.

Scopri altri modi per organizzare i tuoi post di WordPress

Creare una pagina archivio personalizzata è solo un modo per organizzare i tuoi contenuti WordPress. Ecco alcuni metodi aggiuntivi per aiutare i tuoi lettori a scoprire e navigare i tuoi post in modo più efficace:

Speriamo che questo articolo ti abbia aiutato a creare una pagina archivi personalizzata in WordPress. Potresti anche voler leggere il nostro articolo sui migliori esempi di pagine "coming soon" e le nostre scelte di esperti del miglior plugin per post correlati in WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.

Dichiarazione: Il nostro contenuto è supportato dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come è finanziato WPBeginner, perché è importante e come puoi supportarci. Ecco il nostro processo editoriale.

Il Toolkit WordPress Definitivo

Ottieni l'accesso GRATUITO al nostro toolkit - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Interazioni del lettore

79 CommentsLeave a Reply

  1. Ottimo articolo.

    Ho forse una domanda sciocca. C'è qualche beneficio SEO se ho una pagina di archivio personalizzata o anche archive.php. nella cartella del tema?

    O è la stessa cosa che creare una nuova pagina con l'URL mydomain/archive e elencare tutti i miei post e pagine in base alle categorie che voglio. Questo è ciò che preferirei.

    Grazie

    • Avere un archivio personalizzato non darebbe un beneficio SEO, sarebbe una preferenza personale e potresti usare il tuo secondo metodo se volessi.

      Amministratore

  2. Ciao, il mio sito utilizza il framework Genesis e ha un tema figlio. Ho provato a implementare page-archive.php, ma ho saltato la parte in cui copio il design della pagina da page.php e speravo che funzionasse comunque.
    Quindi, quando ho provato a implementarlo, quando vado nella mia sezione Archivio, si verifica un errore interno, ad esempio 505, e la pagina stessa non viene trovata.
    Come funziona questo con Genesis?

    • L'aggiunta di un modello di pagina personalizzato sarebbe la stessa di qualsiasi altro tema, sembra che ci possa essere un problema con il codice che stai usando per creare la pagina di archivio.

      Amministratore

  3. Innanzitutto, grazie mille. Ma non vedo alcuna barra laterale in questa pagina. Nelle pagine normali è visibile. Sarei molto felice se potessi aiutarmi a visualizzare anche la barra laterale qui. Grazie in anticipo!

    • Per la barra laterale, purtroppo è specifica del tema per ciò che deve essere aggiunto, se contatti il supporto del tuo tema dovrebbero essere in grado di dirti come hanno aggiunto le barre laterali ai modelli.

      Amministratore

  4. Ciao,

    Questo è stato un ottimo tutorial. Tuttavia, il codice CSS per le categorie non sembra funzionare. Viene mostrato come un elenco con categorie e sottocategorie. Dove devo inserire il codice che mi hai fornito nel file style.css? Cosa si intende con renderlo inline? Sarebbe fantastico se potessi aiutarmi a risolvere questo problema?
    Saluti,
    Vijay Sundaram

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra politica sui commenti, e il tuo indirizzo email NON verrà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.