Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come aggiungere un indicatore di notizie a scorrimento in WordPress

Volete aggiungere un ticker di notizie a scorrimento al vostro sito WordPress?

Le reti televisive utilizzano spesso i ticker delle notizie per evidenziare le storie importanti. Questo è un ottimo modo per attirare l’attenzione del visitatore, quindi potreste aggiungere un news ticker al vostro sito web e mettere in evidenza offerte speciali, post popolari e altri contenuti importanti.

In questo articolo vi mostreremo come aggiungere un news ticker a scorrimento in WordPress.

How to Add a Scrolling News Ticker in WordPress

Che cos’è un ticker di notizie a scorrimento?

Un news ticker è una singola riga di testo che scorre continuamente sullo schermo. In genere mostra notizie attuali, risultati sportivi, informazioni finanziarie e valutarie in tempo reale e informazioni meteorologiche.

È simile a come si potrebbe usare una barra flottante appiccicosa per il piè di pagina.

I ticker sono un ottimo modo per visualizzare piccoli frammenti di informazioni in modo accattivante. Poiché il contenuto è sempre in scorrimento, è possibile utilizzare i ticker anche per mostrare molte informazioni in uno spazio limitato.

Ad esempio, si può utilizzare un news ticker per visualizzare i post più performanti, annunciare una vendita imminente o condividere altre informazioni utili.

Detto questo, vediamo come aggiungere un news ticker a scorrimento al vostro blog o sito web WordPress.

Come aggiungere un ticker di notizie a scorrimento in WordPress

Il modo migliore per aggiungere un ticker di notizie a scorrimento al vostro sito web è utilizzare Ditty, uno dei migliori plugin per le notizie di WordPress. Questo plugin consente di aggiungere contenuti in movimento, a scorrimento e a scorrimento al sito web e di modificare la direzione, la spaziatura, la velocità e lo stile dell’animazione.

La prima cosa da fare è installare e attivare il plugin Ditty. Per maggiori dettagli, consultate la nostra guida passo-passo su come installare un plugin di WordPress.

Dopo l’attivazione, è necessario andare su Ditty ” Aggiungi nuovo nella dashboard di WordPress e poi fare clic sul pulsante ‘Aggiungi predefinito’.

Adding a ticker to your WordPress website

È ora possibile creare il primo elemento del ticker. Nella casella ‘Contenuto’ è sufficiente digitare il testo che si desidera visualizzare nel ticker scorrevole.

Qui si può fare un annuncio o condividere informazioni utili, come un banner di un sito web. Ad esempio, potreste informare gli acquirenti di una vendita programmata o di una pubblicazione recente.

Adding content to an online ticker

È anche possibile aggiungere dei link alle notizie, in modo che le persone possano facilmente visitare la pagina o il post in evidenza nel ticker.

A tal fine, è sufficiente aggiungere un URL al campo “Link”.

Adding links to a website ticker

È anche possibile aggiungere un titolo al link, contrassegnare l’URL come nofollow e altro ancora.

Per sfruttare al meglio il ticker, è possibile aggiungere più notizie facendo clic sul pulsante “Aggiorna impostazioni voce”.

Adding a scrolling news ticker to WordPress

L’anteprima si aggiorna per mostrare l’elemento appena creato.

Per aggiungere un altro elemento al ticker, fare clic sul pulsante “Aggiungi elemento”.

Adding items to a scrolling news ticker

A questo punto è possibile fare clic su “Aggiungi predefinito” e creare l’elemento seguendo la procedura descritta sopra.

È sufficiente ripetere questi passaggi per aggiungere altri elementi al ticker.

Quando si è soddisfatti degli elementi, è possibile modificare l’ordine in cui appaiono nel ticker. Per farlo, è sufficiente prendere l’elemento che si desidera modificare e trascinarlo in una nuova posizione.

Changing the order of ticker items in a scrolling newsfeed

Per impostazione predefinita, Ditty mostra gli elementi in un elenco.

Poiché si vuole creare un ticker scorrevole, fare clic sulla scheda ‘Display’.

Creating an animated ticker in WordPress

In questa schermata, fare clic sul link “Cambia tipo”.

Nella finestra di dialogo visualizzata, selezionare “Ticker” e quindi fare clic su “Tipo di aggiornamento”.

How to create a scrolling ticker in WordPress

Ora potete modificare l’aspetto e il comportamento del ticker sul vostro sito web WordPress.

Questo include la modifica della direzione di scorrimento, della velocità e della spaziatura tra gli elementi del ticker.

Customizing an animated ticker

È inoltre possibile scegliere tra diversi stili per il contenitore del ticker, gli elementi, i titoli e altro ancora. La maggior parte di queste impostazioni si spiega da sé, quindi vale la pena di esaminarle per capire quali modifiche si vogliono apportare.

Quando si è soddisfatti dell’impostazione del ticker, fare clic sul pulsante “Save Ditty”.

Saving the ticker settings in WordPress

Dopodiché, siete pronti ad aggiungere il ticker al vostro sito utilizzando uno shortcode. Per ottenere questo shortcode, fare clic sulla scheda “Impostazioni”.

Ora, copiare il valore nel campo ‘Shortcode’.

Adding a ticker to a website using shortcode

Fatto questo, è possibile aggiungere lo shortcode a qualsiasi pagina, post o area predisposta per i widget. Per ulteriori informazioni su come inserire lo shortcode, consultare la nostra guida su come aggiungere uno shortcode.

Una volta fatto ciò, basta aggiornare o pubblicare le modifiche per rendere il ticker attivo sul vostro sito web WordPress.

News Ticker Preview

Speriamo che questo tutorial vi abbia aiutato a capire come aggiungere un news ticker a scorrimento in WordPress. Potreste anche voler imparare a mettere in evidenza i nuovi post per i visitatori che ritornano o vedere la nostra scelta di esperti dei migliori trucchi per la barra laterale di WordPress per ottenere i massimi risultati.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

15 commentiLascia una risposta

  1. Lin

    I have two websites. Can I add a ticker on one site that will reflect the other site?

    • WPBeginner Support

      While the ticker would not transmit the information to your other site, you can certainly add the same information in the ticker.

      Admin

  2. karbhari

    How do i add the Latest News: title to the scrolling news, after header in main page it shows on my site.

  3. Anna Sue

    Where do you enter the text for your ticker? My install doesn’t show some of the items you have in your screenshots.

  4. Anna Sue

    I this may be the ticker I want but, as in many online videos about plugins, you talked and moved so fast I could get the instructions.

  5. H.M.Mohiuddin

    how can i add a news ticker without using plugin

  6. felix

    How do i add the Latest News: title to the scrolling news, it shows on my site, but i didnt see where to add if its lastest news or latest update etc

  7. hosam abdallah

    very good plugin but i have aquestion
    i use artisteer to make my themes can you tell me where can i add php function to widget
    in this or from where can i add to my themes

  8. Abdulmumin

    Hello, Please how can I add the direct function, kindly provide the ste by step instruction in adding the direct funtction.

    I added the shortcode in my about page and it worked but i added it on my home page but it didnt work…..kindly advice

    • WPBeginner Support

      Simply copy the Direct function as shown in the last screenshot of the article and paste in your theme’s home.php or header.php. Paste it at the location where you would like your news ticker to appear.

      Admin

  9. Sujani

    hey,
    thanks for giving the instructions clearly.. i had a a question where should we put the shortcode and direct function?
    do we place it in the post/page?

    Thanks,
    Sujani

    • WPBeginner Support

      shortcode for posts/pages/widgets and direct function if you want to hard code it in your theme’s template files.

      Admin

  10. Peter Johnson

    It seems a great theme, as I am not a PHP developer but I want to use this theme and integrate this theme on my wordpress blog. I just want you to describe ho can I use this theme in my Blog so my latest news can be shown on top of my menu or below my main menu like a slide shown on Television. Please I need a procedure.

    Thanks

  11. Mackenzie

    Thanks, really nice tut.

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.