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 aggiungere un ticker di notizie scorrevole in WordPress

Molti siti web utilizzano una riga di testo scorrevole in cima alla pagina per richiamare l'attenzione su aggiornamenti importanti, come saldi, annunci o notizie dell'ultima ora.

Questa funzionalità, spesso chiamata news ticker, è un modo semplice per assicurarsi che i messaggi chiave vengano visti senza occupare il tuo layout o distrarre i visitatori.

Abbiamo utilizzato i news ticker sui nostri siti WordPress per promuovere offerte a tempo limitato e condividere aggiornamenti importanti, e funzionano particolarmente bene quando si desidera evidenziare qualcosa senza ridisegnare la homepage.

In questa guida, ti mostreremo come aggiungere uno scrolling news ticker al tuo sito WordPress, passo dopo passo.

Come aggiungere un ticker di notizie scorrevole in WordPress

💡Risposta rapida: Come aggiungere un news ticker

Il modo più semplice per aggiungere uno scrolling news ticker in WordPress è utilizzare il plugin Ditty. Basta installare il plugin, aggiungere i tuoi elementi di testo, scegliere il tipo di visualizzazione 'Ticker' e incollare lo shortcode generato nell'intestazione del tuo sito o nella homepage.

Cos'è uno Scrolling News Ticker?

Un news ticker è una singola riga di testo che scorre continuamente sullo schermo.

È un ottimo modo per visualizzare piccoli frammenti di informazioni in modo accattivante. Poiché il contenuto scorre continuamente, puoi mostrare molte informazioni in uno spazio limitato.

I ticker sono tipicamente utilizzati per visualizzare:

Questo è simile a come potresti usare una barra del piè di pagina fissa e fluttuante.

Vediamo come aggiungere uno scrolling news ticker al tuo blog o sito web WordPress.

Come aggiungere un ticker di notizie scorrevole in WordPress

Il modo più semplice per creare un news ticker è utilizzare un plugin. Sebbene il CSS personalizzato offra alcune personalizzazioni, non è adatto ai principianti.

Consigliamo Ditty (precedentemente Ditty News Ticker). È uno dei migliori plugin di notizie per WordPress sul mercato.

Con questo plugin, puoi aggiungere contenuti in movimento, scorrevoli e a scorrimento al tuo sito web. Puoi anche cambiare la direzione, la spaziatura, la velocità e lo stile dell'animazione.

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

Dopo l'attivazione, devi andare su Ditty » Aggiungi Nuovo nella dashboard di WordPress. Quindi fai clic sul pulsante 'Aggiungi predefinito'.

Aggiungere un ticker al tuo sito web WordPress

Ora, puoi creare il primo elemento per il ticker. Nella casella 'Contenuto', digita il testo che desideri mostrare.

Potresti fare un annuncio o condividere informazioni utili. Ad esempio, potresti informare gli acquirenti di una svendita programmata o di post recenti.

Aggiungere contenuti a un ticker online

Puoi anche aggiungere collegamenti all'elemento di notizie. Ciò consente alle persone di visitare facilmente la pagina o il post presente nel ticker.

Per fare ciò, aggiungi un URL al campo 'Link'.

Aggiungere collegamenti a un ticker di sito web

Puoi anche aggiungere un titolo al link, contrassegnare l'URL come nofollow e altro ancora.

Per sfruttare al meglio il ticker, potresti voler aggiungere più elementi di notizie. Fai clic sul pulsante 'Aggiorna impostazioni elemento' per salvare le modifiche.

Aggiungere un ticker di notizie scorrevole a WordPress

L'anteprima si aggiornerà ora per mostrare l'elemento che hai appena creato.

Per aggiungere un altro elemento al ticker, fai clic sul pulsante 'Aggiungi elemento'.

Aggiungere elementi a un ticker di notizie scorrevole

Puoi quindi ripetere i passaggi precedenti per aggiungere tutti gli elementi di notizie di cui hai bisogno.

Una volta che sei soddisfatto dei tuoi elementi, potresti voler riorganizzare il loro ordine. Semplicemente afferra l'elemento che vuoi spostare e trascinalo in una nuova posizione.

Modificare l'ordine degli elementi del ticker in un feed di notizie scorrevole

Per impostazione predefinita, Ditty mostra i tuoi elementi in un elenco.

Poiché vuoi creare un ticker scorrevole, fai clic sulla scheda 'Display'.

Creare un ticker animato in WordPress

In questa schermata, fai clic sul link 'Change Type'.

Nel popup che appare, seleziona 'Ticker' e quindi fai clic su 'Update Type'.

Come creare un ticker scorrevole in WordPress

Ora puoi cambiare l'aspetto e il comportamento del ticker sul tuo sito web WordPress.

Ciò include la modifica della direzione di scorrimento, della velocità e dello spazio tra gli elementi del ticker.

Personalizzare un ticker animato

Puoi anche scegliere tra diversi stili per il contenitore del ticker, gli elementi, i titoli e altro ancora. La maggior parte di queste impostazioni sono autoesplicative, quindi vale la pena esplorarle per vedere quali modifiche desideri apportare.

Quando sei soddisfatto di come è configurato il ticker, fai clic sul pulsante 'Save Ditty'.

Salvare le impostazioni del ticker in WordPress

Dopodiché, sei pronto per aggiungere il ticker al tuo sito utilizzando uno shortcode. Per ottenere questo shortcode, fai clic sulla scheda 'Impostazioni'.

Ora, copia il valore nel campo 'Shortcode'.

Aggiungere un ticker a un sito web utilizzando lo shortcode

Puoi aggiungere lo shortcode a qualsiasi pagina, post o area pronta per i widget. Tuttavia, i ticker sono più efficaci se posizionati nell'intestazione del sito o nella parte superiore della homepage.

Per ulteriori informazioni su come posizionare lo shortcode, consulta la nostra guida su come aggiungere uno shortcode.

Una volta fatto ciò, aggiorna o pubblica le tue modifiche per rendere il ticker attivo sul tuo sito web WordPress.

Anteprima ticker notizie

🎁 Bonus: Aggiungi una barra del footer fissa per il massimo impatto

Un ticker di notizie scorrevole aiuta a evidenziare annunci a rotazione. Tuttavia, combinarlo con una barra del piè di pagina fissa e fluttuante può attirare efficacemente l'attenzione dei visitatori per scopi diversi.

La barra del piè di pagina mantiene visibili le informazioni essenziali e statiche. Il ticker di notizie garantisce che gli aggiornamenti tempestivi siano in primo piano.

Con strumenti come OptinMonster, puoi creare barre piè di pagina accattivanti e coordinarle con il tuo ticker di notizie per mostrare offerte speciali, notizie urgenti o post popolari.

Anteprima barra piè di pagina OptinMonster

Pensa al piè di pagina come a una call-to-action costante, mentre il ticker di notizie fornisce aggiornamenti importanti a breve termine.

Insieme, queste funzionalità migliorano l'esperienza utente e possono aumentare i tassi di conversione incoraggiando un coinvolgimento tempestivo con offerte e contenuti chiave.

Per iniziare, consulta il nostro tutorial su come creare una barra piè di pagina "sticky" e fluttuante in WordPress.

Domande frequenti sui ticker di notizie scorrevoli

Ecco alcune domande che i nostri lettori hanno frequentemente posto sull'aggiunta di ticker di notizie scorrevoli in WordPress:

Come aggiungere notizie scorrevoli in WordPress?

Il modo migliore per aggiungere notizie scorrevoli è utilizzare un plugin specializzato come Ditty. Puoi installare il plugin, creare un nuovo elemento ticker e utilizzare lo shortcode generato per visualizzare il feed di notizie sui tuoi post, pagine o barra laterale.

Come aggiungere testo scorrevole in WordPress?

Dovresti usare un plugin per aggiungere testo scorrevole per assicurarti che funzioni sui dispositivi mobili. Ti consigliamo di evitare il vecchio tag HTML <marquee> perché è obsoleto e potrebbe non essere visualizzato correttamente nei browser web moderni.

Come aggiungo una barra di scorrimento in WordPress?

Se vuoi aggiungere una barra di scorrimento di testo (ticker) al tuo sito, puoi usare il plugin Ditty come mostrato in questa guida. Se stai cercando di aggiungere una barra di scorrimento personalizzata per la navigazione o una barra di avanzamento della lettura, probabilmente avrai bisogno di un plugin diverso come Worth The Read.

Speriamo che questo tutorial ti abbia aiutato a imparare come aggiungere uno scrolling news ticker in WordPress. Potresti anche voler imparare come evidenziare i nuovi post per i visitatori di ritorno o vedere le nostre scelte esperte dei migliori trucchi per la barra laterale di WordPress per ottenere i massimi risultati.

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

17 CommentsLeave a Reply

  1. Grazie per questo articolo; mi ha aiutato a risolvere un problema con cui ho a che fare da un anno. Ho un blog e volevo aggiungere un cosiddetto microblog: una piccola sezione sul sito web dove potrei pubblicare aggiornamenti molto rapidi e concisi su nuovi sviluppi. Tuttavia, al momento non esiste un plugin specifico per il microblogging. Questo metodo è esattamente il modo in cui avevo bisogno di affrontare finalmente il problema del microblog e aggiungere aggiornamenti rapidi e brevi al mio sito. Sono entusiasta di aver trovato una soluzione utilizzabile dopo un anno – fantastico!

  2. Desideravo modificare l'aspetto dei miei link e questo post lo ha reso semplicissimo. L'opzione del personalizzatore era perfetta per le mie esigenze di base, ma terrò sicuramente a mente il metodo CSS per modifiche più avanzate.

    Considera l'utilizzo di uno strumento per palette di colori per assicurarti che il colore dei tuoi link contrasti bene con il resto del design del tuo sito web.

    • Sebbene il ticker non trasmetta le informazioni al tuo altro sito, puoi certamente aggiungere le stesse informazioni nel ticker.

      Amministratore

  3. Come aggiungo il titolo "Ultime notizie" alle notizie scorrevoli, dopo l'intestazione nella pagina principale del mio sito.

  4. Dove inserisci il testo per il tuo ticker? La mia installazione non mostra alcuni degli elementi che hai nelle tue schermate.

  5. Penso che questo possa essere il ticker che voglio, ma, come in molti video online sui plugin, hai parlato e ti sei mosso così velocemente che non sono riuscito a seguire le istruzioni.

  6. Come aggiungo il titolo "Ultime notizie" alle notizie scorrevoli, lo vedo sul mio sito, ma non ho visto dove aggiungere se sono le ultime notizie o gli ultimi aggiornamenti ecc.

  7. plugin molto buono ma ho una domanda
    uso artisteer per creare i miei temi, puoi dirmi dove posso aggiungere una funzione php a un widget
    in questo o da dove posso aggiungerlo ai miei temi

  8. Ciao, per favore, come posso aggiungere la funzione diretta, potresti fornire le istruzioni passo passo per aggiungere la funzione diretta.

    Ho aggiunto lo shortcode nella mia pagina "informazioni" e ha funzionato, ma l'ho aggiunto nella mia home page e non ha funzionato... per favore, consiglia.

    • Copia semplicemente la funzione diretta come mostrato nell'ultima schermata dell'articolo e incolla nel file home.php o header.php del tuo tema. Incollala nella posizione in cui desideri che appaia il tuo ticker di notizie.

      Amministratore

  9. ciao,
    grazie per aver fornito le istruzioni in modo chiaro.. avevo una domanda dove dovremmo mettere lo shortcode e la funzione diretta?
    lo mettiamo nel post/pagina?

    Grazie,
    Sujani

  10. Sembra un ottimo tema, dato che non sono uno sviluppatore PHP ma voglio usare questo tema e integrarlo nel mio blog WordPress. Vorrei solo che descrivessi come posso usare questo tema nel mio blog in modo che le mie ultime notizie vengano mostrate sopra il mio menu o sotto il mio menu principale come una presentazione televisiva. Per favore, ho bisogno di una procedura.

    Grazie

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.