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 visualizzare i tweet recenti in WordPress (passo dopo passo)

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Volete visualizzare i vostri tweet recenti in WordPress?

L’integrazione di X/Twitter con il vostro sito WordPress contribuisce ad aumentare il coinvolgimento degli utenti. I visitatori del vostro blog possono facilmente scoprire i vostri tweet, il che può anche aiutarvi a ottenere nuovi follower su Twitter.

In questo articolo vi mostreremo come visualizzare i tweet recenti in WordPress.

How to Display Recent Tweets in WordPress

Perché visualizzare i tweet recenti sul vostro sito WordPress?

X/Twitter è una delle piattaforme di social media più popolari sul mercato. La visualizzazione dei tweet recenti sul vostro sito WordPress può migliorare la vostra presenza online e il vostro coinvolgimento in diversi modi.

Per cominciare, quando gli utenti visitano il vostro sito web e vedono il vostro feed sui social media, potrebbero essere abbastanza incuriositi da cliccare sul vostro account Twitter e seguirvi, aumentando la vostra portata.

Inoltre, i tweet possono servire come aggiornamento in tempo reale su ciò che accade sul vostro sito web o sulla vostra azienda. Questo può incoraggiare il coinvolgimento del pubblico, che può interagire direttamente con i vostri tweet.

I tweet recenti possono anche fungere da prova sociale per il vostro sito WordPress. Potete retwittare le recensioni positive o le persone che raccomandano i vostri prodotti, contribuendo a creare fiducia negli abbonati o nei clienti.

Tenendo presente questo aspetto, esaminiamo i diversi metodi di visualizzazione dei tweet recenti sul vostro sito web WordPress. Potete usare i link rapidi qui sotto per passare a un metodo specifico:

Metodo 1: incorporare manualmente i tweet nell’editor di blocchi di Gutenberg (senza plugin)

Il primo metodo per visualizzare i vostri tweet recenti in WordPress consiste nell’incorporare manualmente il vostro profilo o timeline di Twitter nella vostra pagina, post o widget di WordPress (per gli utenti del tema classico).

Proprio come l’aggiunta di un video di YouTube, WordPress consente di incorporare facilmente i contenuti di Twitter, come un singolo tweet o una timeline. La sua funzione oEmbed può trasformare automaticamente l’URL di un contenuto in un codice embed quando viene incollato nell’editor dei blocchi.

Innanzitutto, è necessario trovare e copiare l’URL del profilo Twitter o del tweet che si desidera incorporare.

Ad esempio, l’URL del profilo Twitter di WPBeginner è https://twitter.com/wpbeginner.

Nel frattempo, l’URL di un singolo tweet si presenta così: https://twitter.com/wpbeginner/status/1604852592827326464

Successivamente, è sufficiente seguire uno dei metodi indicati di seguito:

Visualizzazione dei tweet recenti in un post o in una pagina di WordPress

Per prima cosa, accedere alla dashboard di WordPress e aprire l’editor di blocchi per un post o una pagina di WordPress.

Se si desidera creare un nuovo post o una nuova pagina, è possibile farlo andando su Post/Pagine ” Aggiungi nuovo.

Clicking Add New Page in WordPress admin area

Quindi, è sufficiente incollare l’URL del profilo Twitter copiato in precedenza nell’area “Digita / per scegliere un blocco”.

Lo si può vedere evidenziato di seguito.

Pasting a Twitter URL to the block editor

Una volta fatto ciò, il blocco si trasformerà immediatamente in un blocco della timeline di Twitter che mostrerà i tweet recenti di quel particolare account.

Nella barra laterale delle impostazioni del blocco, è possibile scegliere di ridimensionare il blocco per i dispositivi più piccoli, in modo da renderlo più reattivo per la visualizzazione mobile.

Inoltre, sentitevi liberi di aggiungere altri blocchi alla pagina o al post per incoraggiare gli utenti a seguire il vostro account Twitter.

Una volta fatto, è sufficiente fare clic su “Aggiorna” o “Pubblica” per rendere effettive le modifiche.

Publishing a page with a Twitter Feed

Questo metodo aggiunge i vostri tweet recenti all’interno di un riquadro con un cursore verticale. Il riquadro include i 20 tweet più recenti e il pulsante “Vedi di più su Twitter” alla fine.

Ecco come si presenta la nostra timeline di Twitter:

An example of a page with a Twitter Feed made with the built-in Twitter block

Se utilizzate un tema a blocchi di WordPress, potete utilizzare questo stesso metodo per incorporare un feed di Twitter nell’Editor completo del sito e visualizzare i tweet recenti in un modello o in una parte del modello.

Per saperne di più, consultate la nostra guida completa alla modifica completa del sito WordPress.

Visualizzazione dei tweet recenti in un’area widget di WordPress

Se utilizzate un tema classico di WordPress e volete visualizzare i vostri ultimi tweet in un’area widget (come una barra laterale), seguite questi passaggi.

Per prima cosa, andare su Aspetto ” Widget. Quindi, fare clic sul pulsante “+ Aggiungi nuovo” nell’area dei widget selezionati e selezionare il widget Twitter.

Adding a Twitter widget in WordPress

Da qui, basta incollare l’URL dell’account Twitter o del post nel campo appropriato.

Quindi, fare clic su “Incorpora”.

Embedding a Twitter profile in a WordPress widget area

È quindi possibile aggiornare i widget e visualizzare l’anteprima del widget Tweets dal vivo sul proprio sito.

Ecco come appare la timeline nella barra laterale di WordPress:

Example of a Twitter widget in a WordPress sidebar

Il secondo metodo per aggiungere i tweet recenti al vostro sito WordPress è un plugin di Twitter. Il motivo per cui vi consigliamo questo metodo è che offre molte più opzioni di personalizzazione rispetto al metodo precedente, permettendovi di adattare il feed al design della vostra pagina.

A tale scopo, utilizzeremo Smash Balloon Custom Twitter Feeds. Questo plugin aiuta a creare bellissimi feed sociali di diversi tipi. È possibile mostrare i tweet in base ad hashtag, termini di ricerca, menzioni, timeline e altro ancora.

Nota: sebbene esista un plugin gratuito Custom Twitter Feeds, in questo articolo verrà utilizzata la versione Custom Twitter Feeds Pro. È dotato di funzioni molto più avanzate, come il filtraggio della timeline e la combinazione di più feed di Twitter in uno solo.

Per prima cosa è necessario installare e attivare il plugin per WordPress. Una volta attivo, accedere all’area di amministrazione di WordPress, navigare su Twitter Feed ” Impostazioni e incollare la chiave di licenza nel campo appropriato.

Successivamente, è necessario attivare la licenza e fare clic su “Salva modifiche”.

Activating Smash Balloon's Custom Twitter Feeds Pro license key

Ora basta andare su Twitter Feed ” Tutti i feed.

Quindi, fare clic sul pulsante “+ Aggiungi nuovo”.

Adding a new Twitter Feed with Smash Balloon

Se è la prima volta che aggiungete un feed di Twitter utilizzando Smash Balloon, vi verrà chiesto di verificare il vostro indirizzo e-mail.

Per farlo, basta fare clic sul pulsante “Connetti” e seguire le istruzioni sullo schermo.

Connecting the user's email address with Smash Balloon

Una volta terminato, si tornerà alla pagina del plugin Custom Twitter Feeds e verrà chiesto di selezionare un tipo di feed.

Con i feed personalizzati di Twitter, si può scegliere di incorporare un feed della timeline dell’utente, un feed di hashtag o un feed di ricerca. Per questo esempio, utilizzeremo la prima opzione. Una volta fatta la scelta, basta fare clic su “Avanti”.

Creating a User Timeline Twitter Feed with Smash Balloon

Nella schermata successiva, potete digitare l’handle di Twitter che volete incorporare nel vostro sito WordPress.

Dopodiché, fare nuovamente clic su “Avanti”.

Choosing a Twitter Feed source in Smash Balloon

Ora scegliamo un modello di feed di Twitter. Ce ne sono 7 tra cui scegliere e si può sempre cambiare in seguito se non si ritiene che sia adatto al design della propria pagina.

Dopo aver effettuato la scelta, fare clic su “Avanti”.

Choosing a Smash Balloon Twitter Feed template

A questo punto si dovrebbe arrivare all’interfaccia di modifica del feed di Twitter. Vedrete un’anteprima dal vivo sul lato destro della pagina e un pannello a sinistra dove potrete configurare l’aspetto del feed.

Ci sono due schede: “Personalizza” e “Impostazioni”.

The Twitter Feed editing interface in Smash Balloon

Cominciamo con la personalizzazione. Se si sceglie l’opzione “Layout del feed”, si può scegliere tra i layout del feed disponibili (come l’elenco, la muratura o il carosello), impostare il numero di tweet da visualizzare, modificare l’altezza del feed e così via.

Nota: a causa delle limitazioni API, Smash Balloon può visualizzare solo da 1 a 30 tweet all’inizio, ma con il tempo se ne accumuleranno di più.

Una volta terminate queste impostazioni, è sufficiente fare clic sul pulsante “Personalizza” in alto per tornare al menu principale.

Customizing the Twitter Feed layout in Smash Balloon

Un’altra cosa che si può fare è attivare il pulsante Carica altro, che apparirà sotto i tweet visualizzati. È una funzione utile se avete tonnellate di tweet ma non potete mostrarli tutti nella stessa pagina.

È sufficiente fare clic sull’opzione “Carica altro pulsante”, seguita dal pulsante “Attiva”. Successivamente, è possibile personalizzare l’aspetto del pulsante.

Customizing the Twitter Feed Load More Button in Smash Balloon

Se si passa alla scheda “Impostazioni”, si possono vedere le opzioni per aggiungere altre fonti di feed, applicare filtri ai tweet e utilizzare funzioni avanzate (come l’aggiunta di CSS personalizzati).

È anche possibile fare clic sul pulsante “Clear Feed Cache” per rimuovere la cache del feed precedente. La prossima volta che il plugin dovrà visualizzare il feed di Twitter, dovrà recuperare gli ultimi tweet dai server di X/Twitter invece di utilizzare i vecchi dati memorizzati nella cache.

Customizing the Twitter Feed settings in Smash Balloon

Proviamo ad aggiungere dei filtri ai nostri tweet facendo clic sull’opzione “Filtri”.

Qui si può scegliere di includere le risposte e i retweet, di mostrare i tweet in base alle parole consentite o bloccate o di nascondere tweet specifici.

Customizing the filters to display the Twitter Feed in Smash Balloon

Una volta soddisfatti dell’aspetto del feed di Twitter, è possibile fare clic sul pulsante “Salva”.

Per aggiungere il feed di Twitter alla propria pagina o area widget, è sufficiente fare clic sul pulsante “Embed” nell’angolo in alto a destra.

Dopodiché, apparirà un popup che vi mostrerà come visualizzare il feed di Twitter: con uno shortcode, un blocco o un widget.

The Twitter Embed Feed popup in Smash Balloon

Indipendentemente dal metodo scelto, la prima cosa da fare è copiare lo shortcode perché ne avrete bisogno.

Quindi, se si desidera incorporare il feed di Twitter in una pagina, fare clic sul pulsante “+ Aggiungi a una pagina”.

Una volta fatto ciò, si può selezionare una pagina esistente del proprio sito WordPress e fare clic su “Aggiungi”.

Selecting a page to embed the Twitter Feed in using Smash Balloon

Si verrà quindi indirizzati all’editor di blocchi di WordPress della pagina scelta.

Fare clic sul pulsante “+” per aggiungere un blocco in qualsiasi punto della pagina e selezionare il blocco Twitter Feed.

Selecting the Smash Balloon Twitter Feed block in the block editor

Ora, il feed di Twitter creato in precedenza potrebbe non apparire subito.

Se ciò accade, è sufficiente incollare lo shortcode nel campo “Impostazioni shortcode” nella barra laterale delle impostazioni del blocco.

Quindi, fare clic su “Applica modifiche”.

Inserting a shortcode in the Smash Balloon Twitter Feed block

Una volta fatto, si può fare clic su “Aggiorna” per rendere effettive le modifiche.

Ecco come appare il feed di Twitter sul nostro sito demo:

An example of the Twitter Feed made with Smash Balloon

Se si desidera visualizzare il feed di Twitter in un’area widget, è sufficiente fare clic sull’opzione “+ Aggiungi a un widget”. Verrete quindi reindirizzati all’editor di widget.

Quindi, è sufficiente trovare e selezionare il widget “Twitter Feed”.

Adding the Twitter Feed Smash Balloon widget in the widget editor

Come per il metodo precedente, basta incollare il codice breve nella barra laterale delle impostazioni del blocco e fare clic su “Applica modifiche”.

A questo punto vedrete il vostro Feed di Twitter appena creato nell’anteprima dal vivo.

Inserting the Smash Balloon Twitter Feed shortcode in the widget editor

Infine, fare clic su “Aggiorna” per rendere definitive le modifiche.

È quindi possibile visitare il sito web dal vivo per vedere l’aspetto del feed:

Example of the Twitter Feed widget made with Smash Balloon

Metodo 3: Visualizzare gli ultimi tweet in WordPress con Twitter Publish (senza plugin)

L’ultimo metodo consente di aggiungere i post recenti di Twitter utilizzando la funzione di pubblicazione di Twitter.

Twitter Publish consente di creare facilmente il codice embed per vari tipi di contenuti di Twitter, tra cui un tweet, un video, una timeline o un pulsante (come il pulsante Segui o Condividi).

Questo metodo consente di personalizzare l’aspetto dell’elemento incorporato prima di aggiungerlo al vostro blog o sito web WordPress. Non è potente come il secondo metodo, ma vale la pena menzionarlo perché è gratuito.

In questa guida vi mostreremo come utilizzare Twitter Publish per incorporare una timeline. Per prima cosa, è necessario visitare il sito web di Twitter Publish e incollare l’URL del proprio profilo Twitter nella casella “Cosa si desidera incorporare?

A questo punto, fare clic sull’icona della freccia.

Inserting a Twitter URL in the Twitter Publish website

Successivamente, vi verrà chiesto di scegliere un’opzione di visualizzazione: Timeline incorporata o Pulsanti X/Twitter.

Si dovrebbe scegliere l’opzione “Timeline incorporata”, poiché si vuole mostrare la timeline di Twitter con i tweet recenti.

Twitter Publish's display options

Selezionando l’opzione di visualizzazione, verrà immediatamente creato il codice embed per i vostri tweet recenti. È possibile fare clic su “Copia codice” per incorporare subito il codice HTML personalizzato.

In alternativa, fare clic su “Imposta opzioni di personalizzazione” per personalizzare l’aspetto della timeline incorporata.

Customizing the Twitter Feed made with Twitter Publish

Qui è possibile personalizzare l’altezza e la larghezza della timeline, scegliere una modalità chiara o scura e attivare una traduzione linguistica per i tweet, se necessario.

È possibile vedere l’aspetto dell’elemento incorporato sotto le impostazioni. Una volta fatto, basta fare clic su “Aggiorna”.

Clicking Update in the Twitter Publish website

Il codice embed includerà ora le impostazioni di personalizzazione scelte per la timeline.

Fare clic su “Copia codice” per continuare.

Copying a Twitter Publish embed code

Ora, tornate alla vostra dashboard di WordPress e aprite l’editor di blocchi per una pagina, un post o un’area widget.

A questo punto, è sufficiente fare clic sul pulsante “+” per aggiungere un blocco in qualsiasi punto dell’editor e selezionare il widget o il blocco HTML personalizzato.

Selecting the Custom HTML block in the block editor

A questo punto, incollare il codice embed di prima nel campo.

Una volta fatto, si può fare clic sul pulsante “Anteprima” per vedere l’aspetto del feed.

Pasting the Twitter Publish HTML code in the block editor

Successivamente, è possibile aggiungere altri elementi alla pagina, al post o all’area widget. Poi, basta aggiornare o pubblicare.

Ecco come si presenta il nostro sito web dimostrativo:

An example of Twitter Feed made with the Twitter Publish website

Suggerimento bonus: Aggiungere altri feed di social media a WordPress

Gestite altre piattaforme di social media per il vostro marchio o la vostra azienda? Se è così, potreste voler visualizzare altri feed sociali oltre a Twitter sul vostro sito web.

Mostrando diversi feed sociali sul vostro sito WordPress, potete far sapere ai visitatori su quali piattaforme possono seguirvi, aumentando il numero dei vostri follower.

Mostrare i vostri feed sociali ha anche un vantaggio fondamentale rispetto alla visualizzazione dei soliti pulsanti con le icone sociali. Può mostrare ai visitatori quali contenuti si perderebbero se non vi seguissero sui vostri social network, creando la “paura di perdersi”.

Con Smash Balloon, potete visualizzare e personalizzare tutti i tipi di feed dei social media sul vostro sito WordPress. In questo modo, tutti i feed si abbinano bene al tema che state utilizzando.

Customize TikTok feed layout

Date un’occhiata ai tutorial qui sotto su come visualizzare diversi feed sociali in WordPress:

Speriamo che questo articolo vi abbia aiutato a capire come mostrare i tweet recenti in WordPress. Potreste anche voler consultare la nostra guida definitiva alla SEO (ottimizzazione per i motori di ricerca) di WordPress o la nostra scelta dei migliori plugin per i social media di WordPress.

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

32 commentiLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Kate says

    Hi, I was following the first set of instructions, but when I paste my Twitter URL in the text box nothing happens. I don’t know if it matters that I have Divi Builder enabled on my wordpress site?

    • WPBeginner Support says

      If it’s not embedding properly, you would want to try adding the twitter embed block and placing the url there.

      Admin

  3. Glenn says

    This seems to be an older article…I’m wondering how I can show my timeline..not my tweets but the people I follow. The Twitter Widgets page only shows Search, not my timeline or a list.

    Thank you.

    Glenn

  4. Greg McGee says

    I have successfully created a twitter feed on my wordpress site. Yaaay!!! Now the bad news. It disappears after 3 seconds. Booo!!! Where can I change the parameter that sets this limit? It is hiding from me very well. But I’m not all that smart, either.

  5. gertrude says

    I added this but apart from a link to my tweeter it doesn’t do anything. I have wordpress 3.8.1 and activated the default theme, then switched back to the one I am using. Still nothing. If there is any way you guys can help it would be great. Thanks

    • WPBeginner Support says

      Trying switching off all plugins and then test, particularly if you are using any Twitter related plugin. If this does not work, then you need to break the widget code into two pieces. Paste the javascript part starting from the <script> in your theme’s header.php, and the link part in a text widget.

      Admin

  6. K.T. Lynch says

    For some reason the closing HTML tags are stripped out once I press save. This is appearing on my WP Sidebar:

    Tweets de @lynchkt !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+”://platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);

    The “Tweets de @lynchkt” is a hyperlink but otherwise it’s not working.

    • WPBeginner Support says

      This could happen for many reasons. If you are using WordPress 3.8 then try to update to 3.8.1. Try switching to a default theme temporarily and see if you still get this error.

      Admin

  7. Ines TR says

    Hello!
    I just see a buncg of words in my blog page after pasting the widget , why?
    I saved it and tried several times but can´t fix the problem.

  8. Douglas Vautour says

    Thanks a lot! All of the twitter widgets I found wanted way too much information! I feel better getting it from the source.

  9. Nancy Closson says

    I am looking for a widget that allows you to select tweets from one twitter account rather than show all or recent tweets. Is this customization possible and is that what you describe with the favorites list? thanks you

  10. Bill Hutchison says

    Thank you for this. I have used widgets for this in the past but have been generally unsatisfied with the results. The seems to be the best solution for including Twitter in the sidebar.

    Thanks again.

  11. Joan says

    I have a question:

    Is it possible to personalize the twitter widget weight? With the old twitter code was possible.

    Thanks

  12. Chris Race says

    Thanks for this article! Was looking for a new widget as my old one stopped working – and found this simple solution. Great!

  13. Rickard says

    I don’t know, but every single solution I’ve tried to use is messing with the admin panel more often than anyone can find ok.

    Is there anyway to fight the “waiting for platform.twitter.com” which breaks many functions in the WP-admin-panel?

    I guess this happens because of a overload on platform.twitter.com(?) and pages in the wp-admin-panel will continue loading forever…

    Might there be a way to set a time limit for the call, and if not found ignore it?

  14. Julien Maury says

    I cannot agree more. There is another great thing with widget, they use streams (see streaming APIs) so you can display A LOT of tweets without worrying about rate limits.

    And if you want to get a special feature you’ll add data-chrome=”noheader,nofooter,noborders,transparent” in the link. These new parameters allow you to make widgets “design friendly”.

    • Gordon Chambers says

      Hi,

      I’ve been trying the above but when I click save it changes the value added in the ID box to a shortened number. I have tried to add both my twitter accounts and it does the same?

      • Julien Maury says

        That’s weird. Check the quotes – they have to be real quotes not like in this comment section.

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.