Come aggiungere bellissime timeline di eventi in WordPress (2 metodi)

Conosci quella sensazione quando atterri su un sito WordPress e ti ritrovi inaspettatamente a leggere l'intera storia dell'azienda? Questa è la potenza dello storytelling visivo.

Le timeline degli eventi sono un modo fantastico per evidenziare la tua storia o mostrare momenti chiave in un modo che coinvolga veramente il tuo pubblico.

Invece di scorrere velocemente muri di testo, i visitatori vengono attratti in un viaggio visivo che li accompagna attraverso ogni traguardo.

Dopo aver testato molte soluzioni per timeline per WordPress, ne abbiamo trovate due che sono facili da usare e offrono risultati dall'aspetto professionale. In questa guida, ti mostreremo come creare bellissime timeline che mantengono i visitatori interessati e li fanno scorrere. 🚀

Perché aggiungere una bellissima timeline di eventi in WordPress

Le timeline degli eventi evidenziano traguardi significativi con una struttura chiara e cronologica. Usandone una, puoi contribuire a migliorare l'aspetto narrativo dei tuoi contenuti.

Oltre ai traguardi, le timeline ti permettono di rappresentare visivamente progressi, fasi e l'interconnessione degli eventi. Questo può rendere i tuoi contenuti più coinvolgenti.

Quando si tratta di casi d'uso, molti siti web WordPress utilizzano le timeline per visualizzare eventi correlati in modo organizzato e visivamente accattivante.

Aziende e organizzazioni utilizzano spesso le timeline per mostrare la loro storia.

Se hai un sito web portfolio, come un portfolio fotografico online, allora puoi mostrare le tue fotografie in una bella timeline verticale che mostra il tuo viaggio in giro per il mondo.

Questo può essere più coinvolgente che scrivere la tua storia e aggiungerla al tuo sito come una pagina di testo semplice.

Come aggiungere una timeline di eventi in WordPress

Il modo più semplice per aggiungere una timeline di eventi in WordPress è utilizzare il plugin Cool Timeline. Questo plugin gratuito e facile da usare ti permette di creare splendide timeline in modo rapido e semplice.

Dopo l'attivazione, vedrai una nuova area Timeline Addons nella tua bacheca di WordPress.

Con questo plugin, puoi creare timeline di eventi in 2 metodi.

Il primo consiste nel fare clic sul pulsante 'Aggiungi nuova storia' dalla bacheca di Timeline Addons.

Questo aprirà l'editor, dove puoi inserire un titolo e una descrizione, impostare un'immagine in evidenza e aggiungere altre informazioni importanti.

Una volta terminata l'aggiunta degli eventi, Cool Timeline mostrerà tutte queste storie di eventi sulla stessa timeline. Puoi quindi aggiungere la timeline a qualsiasi pagina o post.

Questo metodo è perfetto per mostrare la stessa timeline più volte sul tuo sito web. Tuttavia, ti permette di creare solo una singola timeline.

L'altra opzione è utilizzare il blocco Cool Timeline per costruire una timeline visiva all'interno dell'editor a blocchi di WordPress.

L'aggiunta di più blocchi Cool Timeline al tuo sito web ti consente di mostrare timeline diverse in diverse parti del tuo sito.

Tuttavia, questo metodo non ti permette di riutilizzare la stessa timeline sul tuo sito web a meno che tu non la salvi come pattern di blocchi.

In questa guida, tratteremo entrambi i metodi. Indipendentemente da come costruisci la tua timeline, dovrai installare e attivare il plugin Cool Timeline. Se hai bisogno di maggiori dettagli, consulta la nostra guida su come installare un plugin di WordPress.

Una volta fatto, sarai pronto per creare la tua timeline utilizzando il menu Timeline Addons o l'editor a blocchi. Se preferisci passare direttamente a un metodo particolare, puoi utilizzare i link qui sotto:

• Metodo 1. Come creare una timeline di eventi riutilizzabile utilizzando il menu Timeline Addons
• Metodo 2. Come creare timeline di eventi multiple in WordPress utilizzando il blocco Timeline
• Suggerimento bonus: aggiungi lo schema eventi in WordPress
• Domande frequenti: aggiungi una bellissima timeline di eventi al tuo sito WordPress
• Guide correlate sulla gestione degli eventi di WordPress

Pronto? Iniziamo.

Metodo 1. Come creare una timeline di eventi riutilizzabile utilizzando il menu Timeline Addons

Per creare il tuo primo evento, puoi andare su Timeline Addons » Add New Story dalla tua bacheca di WordPress.

Puoi quindi dare un titolo all'evento digitandolo nel campo 'Add Title'.

Nell'editor principale, puoi procedere e digitare tutto il testo che desideri mostrare sulla tua timeline. Questa sarà tipicamente una descrizione dell'evento.

Una volta fatto ciò, è ora di fare clic sul link 'Set featured image'.

Ora puoi scegliere l'immagine che rappresenterà l'evento sulla tua timeline. Puoi fare clic per scegliere un'immagine dalla libreria multimediale di WordPress o caricare un nuovo file immagine dal tuo computer.

Successivamente, dovrai scorrere verso il basso fino alla sezione 'Timeline Story Settings'. Qui, puoi fare clic sul campo 'Story Date / Year' e utilizzare il popup del calendario per selezionare l'ora e la data in cui è avvenuto l'evento.

Puoi anche scegliere tra un'immagine 'Full' o 'Small' per l'evento.

Nell'immagine seguente, puoi vedere un esempio di immagine 'Full'.

Le immagini più grandi attireranno l'attenzione del visitatore sugli eventi più importanti della timeline. Tuttavia, le immagini 'Full' occupano più spazio.

L'immagine seguente mostra lo stesso evento, ma questa volta con un'immagine 'Small' invece.

Se vuoi aggiungere molti eventi diversi alla tua timeline, potresti voler utilizzare l'impostazione 'Small'.

Questo può aiutare a evitare che la tua timeline appaia disordinata.

Dopo aver apportato queste modifiche, dovrai scorrere fino in cima alla pagina e fare clic sul pulsante 'Publish'.

E questo è tutto: ora puoi ripetere questi passaggi per creare altri eventi.

Vuoi vedere tutti gli eventi che hai creato finora? Allora vai semplicemente su Timeline Addons » Cool Timeline Stories.

Una volta creati tutti i tuoi eventi, il passo successivo è personalizzare l'aspetto della timeline sul tuo sito web.

Per fare ciò, puoi andare su Timeline Addons » Timeline Settings » General Settings.

Nella sezione ‘Timeline Title’, puoi digitare il titolo che apparirà sopra la tua timeline.

Cool Timeline può anche visualizzare un'immagine sopra la tua timeline, come il logo della tua azienda. Questo può aiutare a rafforzare il tuo branding e far sapere ai visitatori cosa mostra la timeline.

Per aggiungere questa immagine opzionale, dovrai fare clic sul pulsante ‘Upload’.

Ora puoi scegliere un'immagine dalla tua libreria multimediale di WordPress o caricare un nuovo file dal tuo computer.

Se aggiungi molto testo a una timeline, questa può apparire disordinata e sgradevole.

Tenendo presente questo, potresti voler impostare un numero massimo di parole da visualizzare sulla timeline. Per impostare un limite massimo di parole, digita semplicemente un numero nel campo ‘Content Length’.

Se imposti un limite, è una buona idea aggiungere link ‘Leggi di più’ alla tua timeline. Cool Timeline aggiungerà quindi questo link a qualsiasi descrizione più lunga del tuo limite di parole.

Per aggiungere questo link, trova la sezione ‘Display read more?’ e fai clic sul pulsante ‘Yes’.

Ora puoi decidere se fare clic sul link ‘Leggi di più’ mostrerà il resto del tuo testo nella stessa scheda o in una nuova scheda del browser. Per fare questa scelta, fai semplicemente clic sul pulsante radio ‘Same Tab’ o ‘New Tab’.

Per impostazione predefinita, la timeline mostra l'anno in cui si è verificato ciascun evento. Tuttavia, potresti non aver sempre bisogno di mostrare queste informazioni. Ad esempio, se tutti gli eventi sono accaduti nello stesso anno.

Per nascondere l'etichetta dell'anno, fai semplicemente clic sul cursore 'Etichetta Anno' per impostarlo da 'Mostra' a 'Nascondi'.

Per impostazione predefinita, il primo evento nella tua timeline apparirà sul lato destro della linea verticale della timeline.

Vuoi mostrare questo evento sul lato sinistro della timeline invece? Allora, fai semplicemente clic sul pulsante 'Sinistra' accanto a 'Le Storie della Timeline Verticale Iniziano Da'.

Quando sei soddisfatto delle tue modifiche, fai clic sul pulsante 'Salva' per salvarle.

Ora puoi passare alla scheda 'Impostazioni stile'.

Per impostazione predefinita, la timeline non ha uno sfondo.

Se lo desideri, puoi aggiungere uno sfondo colorato alla tua timeline facendo clic sul cursore 'Sfondo timeline' per impostarlo da 'No' a 'Sì'.

Quindi, procedi e fai clic sul pulsante accanto a 'Colore sfondo storia'.

Ora dovresti essere in grado di scegliere un colore di sfondo utilizzando le impostazioni del selettore di colori.

Questa schermata presenta anche impostazioni di colore simili per tutte le diverse parti della tua timeline, inclusa la linea verticale e i titoli degli eventi. Per modificare uno qualsiasi di questi colori predefiniti, fai semplicemente clic sul pulsante della sezione e quindi utilizza il selettore di colori che appare.

Quando sei soddisfatto delle modifiche apportate, non dimenticare di fare clic sul pulsante 'Salva'.

Successivamente, potresti voler andare alla scheda 'Impostazioni tipografia'. Qui puoi cambiare il font e regolare la dimensione dei diversi contenuti nella tua timeline, come il titolo della timeline e il titolo della storia.

Se modifichi le impostazioni di tipografia predefinite, non dimenticare di salvare le modifiche facendo clic sul pulsante 'Salva'.

Una volta terminata la personalizzazione della timeline, sei pronto per aggiungerla al tuo sito web. Apri semplicemente la pagina o il post in cui desideri mostrarla, quindi fai clic sul pulsante '+'.

Ora, dovrai digitare ‘Cool Timeline’ nella barra di ricerca. Questo plugin ha alcuni blocchi diversi, quindi assicurati di fare clic sul ‘Cool Timeline Shortcode Block.’

Ora puoi aggiornare o pubblicare la tua pagina come al solito.

Ora, se visiti il tuo sito web, vedrai la timeline live.

Metodo 2. Come creare timeline di eventi multiple in WordPress utilizzando il blocco Timeline

Puoi anche creare una bellissima timeline di eventi in WordPress utilizzando l'editor a blocchi e il ‘Cool Timeline Block.’

Questo blocco ha molti contenuti segnaposto. Per creare la tua timeline, devi semplicemente sostituire ogni segnaposto con il tuo testo e le tue immagini. Questo ti permette di creare la tua timeline in modo più visivo.

Per iniziare, apri semplicemente la pagina o post in cui desideri aggiungere una timeline.

Puoi quindi fare clic sull'icona ‘+’ e digitare ‘Cool Timeline Block.’ Quando questo blocco appare, fai clic per aggiungerlo alla pagina o al post.

Il blocco Cool Timeline ha 4 eventi segnaposto. Puoi iniziare a modificarli uno per uno facendo clic sul primo evento nella timeline.

Nel menu a destra, sostituisci semplicemente il segnaposto ‘Intestazione storia’ con l'intestazione che desideri utilizzare per questo evento.

Successivamente, puoi aggiungere una descrizione al campo ‘Descrizione storia’.

Dopo di che, dovrai trovare il campo ‘Etichetta primaria (Data/Passaggi)’. Qui, procedi e digita la data in cui si è verificato questo evento.

Per impostazione predefinita, il blocco Cool Timeline mostra il primo evento sul lato destro della timeline.

Se preferisci mostrare l'evento sul lato sinistro della linea verticale, puoi fare clic sul pulsante radio ‘Sinistra’.

Ora, il blocco Cool Timeline ha un'immagine segnaposto per ogni evento. Per sostituire questo segnaposto con la tua immagine, fai semplicemente clic sul pulsante ‘Rimuovi’.

Una volta fatto ciò, fai clic sul pulsante ‘Carica/Scegli immagine’.

Puoi quindi scegliere un'immagine dalla libreria multimediale di WordPress o caricare un nuovo file dal tuo computer.

Il blocco Cool Timeline mostrerà ogni immagine a dimensione intera. Per mostrare invece un'immagine più piccola, apri il menu a discesa ‘Dimensione immagine’ e scegli ‘Media’ o ‘Miniatura’.

Non appena fai clic su una delle diverse dimensioni dell'immagine, il blocco si aggiornerà per mostrare la nuova immagine. Questo ti permette di provare diverse dimensioni per vedere quale si adatta meglio al tuo sito web.

Per impostazione predefinita, la timeline contrassegna ogni evento sulla linea verticale con un punto. Potresti voler sostituire questo semplice punto con un'icona personalizzata.

Ad esempio, potresti utilizzare icone diverse per diversi tipi di eventi. Quindi, puoi esplorare le diverse icone personalizzate che puoi utilizzare per la tua timeline facendo clic sul pulsante radio ‘Personalizzata (Icona Font Awesome)’.

Una volta fatto ciò, apparirà un menu a discesa con un'icona a freccia. Dovrai espanderlo per scorrere tutte le diverse icone.

Quando trovi l'icona perfetta da usare per il tuo evento, puoi cliccarci sopra.

Ora puoi personalizzare il resto degli eventi segnaposto seguendo lo stesso processo descritto sopra.

Se vuoi aggiungere altri eventi alla timeline, fai semplicemente clic sull'icona 'Aggiungi storia'. Questo aggiungerà un nuovo evento segnaposto pronto per essere personalizzato.

Quando sei soddisfatto dell'aspetto della timeline, puoi aggiornare o pubblicare la pagina come al solito. Una volta fatto, la tua timeline sarà attiva sul tuo sito web WordPress.

Suggerimento bonus: Aggiungi schema evento in WordPress

Una volta creata una bellissima timeline per mostrare i tuoi eventi o traguardi, puoi fare un passo in più aiutando i motori di ricerca a capire di cosa si tratta.

È qui che entra in gioco lo schema markup per eventi.

Lo schema evento è un tipo speciale di codice che funziona dietro le quinte. Fornisce a Google un riepilogo chiaro dei dettagli chiave del tuo evento, come data, ora, luogo e magari informazioni sui biglietti, in un formato strutturato che può leggere facilmente.

Inoltre, l'aggiunta dello schema evento può aiutare i tuoi contenuti ad apparire nei rich snippet o negli elenchi di eventi di Google. Sia che tu stia condividendo eventi imminenti o la storia dell'azienda, aiuta le persone giuste a trovarti quando cercano attività o traguardi correlati.

Uno dei modi più semplici per farlo è utilizzare AIOSEO, il miglior plugin SEO per WordPress. Supporta più tipi di schema, incluso Evento, per aiutare i motori di ricerca a comprendere meglio e mettere in risalto i tuoi contenuti.

Per maggiori dettagli, consulta la nostra guida su come aggiungere lo schema eventi in WordPress.

Domande frequenti: aggiungi una bellissima timeline di eventi al tuo sito WordPress

Hai domande su come mostrare i tuoi eventi in formato timeline su WordPress? Ecco alcune risposte rapide per aiutarti a iniziare.

WordPress ha una funzionalità integrata di calendario o timeline?

WordPress non include una funzionalità integrata di calendario o timeline per impostazione predefinita. Tuttavia, puoi aggiungerne facilmente una utilizzando plugin come Cool Timeline o The Events Calendar.

Il plugin Cool Timeline è gratuito da usare?

Cool Timeline offre una versione gratuita nel repository dei plugin di WordPress. Include funzionalità di base come timeline verticali e orizzontali. Per personalizzazioni avanzate e layout aggiuntivi, puoi passare alla versione premium.

Come creo una timeline di eventi in WordPress?

Il modo più semplice è utilizzare un plugin come Cool Timeline. Una volta installato, puoi aggiungere eventi o traguardi come storie della timeline, personalizzare il layout e visualizzarli utilizzando uno shortcode o un blocco.

Posso aggiungere una visualizzazione calendario accanto alla timeline?

Sì, puoi. Mentre il plugin Cool Timeline si concentra sulle timeline visive, non offre una visualizzazione tradizionale del calendario. Se desideri visualizzare i tuoi eventi in un formato di calendario mensile o giornaliero, ti consigliamo di utilizzare un plugin per calendari come Sugar Calendar o The Events Calendar.

Per un rapido tutorial, consulta la nostra guida su come creare un semplice calendario eventi con Sugar Calendar. Oppure consulta il nostro confronto completo dei migliori plugin per calendari WordPress per trovarne uno che soddisfi le tue esigenze.

Come mostro la data odierna in WordPress?

Puoi utilizzare uno shortcode, un widget o codice personalizzato per visualizzare la data odierna. Anche alcuni widget dei page builder e temi hanno questa funzionalità integrata.

Guide correlate sulla gestione degli eventi di WordPress

Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere una bellissima timeline di eventi al tuo sito web WordPress. Se l'hai trovato utile, potresti anche voler consultare le nostre guide su:

• Come creare un semplice calendario eventi
• Come mostrare eventi imminenti in WordPress
• Come gestire eventi riservati ai membri in WordPress
• Come creare una pagina di registrazione eventi in WordPress
• Come aggiungere un widget di conto alla rovescia in WordPress
• I migliori plugin per calendari WordPress

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