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 incorporare i tweet reali nei post del blog WordPress

Una delle tendenze che abbiamo visto nel settore dell’editoria online è la raccolta di tweet divertenti in un articolo. Molti siti web ora visualizzano i tweet sulle loro pagine, il che è ottimo per aggiungere prova sociale, aumentare l’engagement e fornire contenuti in tempo reale.

Ci siamo già occupati di questo tipo di attività e abbiamo trovato diversi modi efficaci per farlo. In questo articolo condividiamo il modo in cui potete incorpora i tweet nei vostri blog.

Sia che stiate curando argomenti di tendenza, mostrando contenuti generati dagli utenti o aggiungendo credibilità alle vostre pubblicazioni con opinioni di esperti, incorporare i tweet può migliorare significativamente i vostri contenuti web.

How to embed actual tweets in WordPress blog posts

Perché incorporare i tweet reali nei post del blog WordPress?

Secondo la nostra ricerca sulle statistiche dei social media, Twitter è uno dei più grandi network o reti di social media al mondo, con oltre 619 milioni di utenti.

Oggi molti siti web utilizzano i tweet per rendere i loro blog più coinvolgenti.

A Buzzfeed blog post that features the latest tweets

Sebbene si possa fare uno screenshot per le pubblicazioni del blog, è meglio incorpora il tweet vero e proprio di cui si vuole parlare. In questo modo i lettori possono interagire con il tweet commentando, mettendo “mi piace” e retwittando la pubblicazione originale.

Essendo interattivi, i tweet incorporati possono trattenere i visitatori sul vostro sito web più a lungo, aumentare le pagine viste e incoraggiare gli utenti a impegnarsi con i vostri contenuti e a seguirvi sui social media.

È anche possibile incorporare i tweet di una terza parte fidata, come un partner di marketing affiliato, un influencer del settore o un cliente che ha twittato qualcosa di positivo sulla vostra azienda.

Detto questo, vediamo come incorporare i tweet in WordPress. Utilizzate i link rapidi qui sotto per passare direttamente al metodo che desiderate utilizzare:

Video tutorial

Subscribe to WPBeginner

Se preferite le istruzioni scritte, continuate a leggere.

Metodo 1. Incorporare i tweet in WordPress senza un plugin (facile e veloce)

È possibile incorporare manualmente singoli tweet nei post del blog WordPress utilizzando il blocco Twitter e l’editor di blocchi di WordPress.

Poiché questo metodo utilizza gli strumenti integrati di WordPress, non è necessario installare alcun plugin speciale e si può iniziare subito a incorporare i tweet. Se volete aggiungere solo un piccolo numero di tweet al vostro sito, questo è un metodo semplice e veloce.

Tuttavia, se si desidera mostrare molti tweet, è necessario copiare manualmente più URL, il che può richiedere molto tempo. Inoltre, è possibile mostrare solo un tweet per blocco, quindi non è una buona scelta se si desidera incorporare più tweet.

Se si desidera aggiungere un feed di social media che si aggiorna automaticamente quando vengono pubblicati nuovi tweet, è necessario utilizzare il metodo 2.

Per incorpora un singolo tweet, head to X/Twitter e trova la pubblica che vuoi mostrare. Può trattarsi di un vostro tweet o di un tweet proveniente dall’account di qualcun altro. Ad esempio, potreste incorpora i post dei clienti soddisfatti, perché sono un potente modulo di prova sociale.

WPBeginner's Twitter page

A questo punto, è sufficiente fare clic sul tweet per aprirlo. La barra degli indirizzi del browser mostrerà l’indirizzo di quel tweet specifico.

Potete annotare l’URL o lasciare il tweet aperto in una scheda separata, perché il link vi servirà in seguito.

How to embed a tweet in WordPress using a URL

Tornate alla dashboard di WordPress e aprite il post del blog in cui volete incorporare il tweet. Quindi, fate clic sull’icona “+” e digitate “Twitter”.

Quando appare il blocco giusto, fare clic per aggiungerlo al post del blog.

The Twitter embed WordPress block

Quindi, è sufficiente incollare l’URL del tweet nel blocco “Twitter”.

A questo punto, fare clic su “Incorpora”.

Adding a tweet to a WordPress blog post using a link

L’editor di blocchi di WordPress mostrerà ora il tweet. Dopodiché, si può continuare a lavorare sul blog aggiungendo immagini, testo e altri contenuti.

Quando siete soddisfatti del blog, fate clic su “Pubblica” o “Aggiorna” per rendere effettive le modifiche. Ora, se visitate il post, vedrete il tweet incorporato nel vostro blog.

A tweet, embedded in a WordPress blog post

Suggerimento: potete anche incollare l’URL del tweet in un blocco Paragraph e WordPress trasformerà automaticamente il blocco Paragraph in un blocco embed di Twitter.

È inoltre possibile aggiungere il blocco Twitter a qualsiasi area predisposta per i widget, come la barra laterale o una sezione simile.

È un’ottima scelta se si vuole mostrare lo stesso tweet in più aree.

Embedding an actual tweet in a WordPress sidebar

Per istruzioni passo passo, consultate la nostra guida su come aggiungere e utilizzare i widget in WordPress.

Se si utilizza un tema a blocchi, è possibile aggiungere il blocco Twitter a qualsiasi parte del sito web utilizzando l’editor completo.

Questo include aree del sito che non possono essere modificate con l’editor di contenuti standard. Ad esempio, potreste utilizzare i vostri tweet più popolari per migliorare il modello della pagina 404.

Adding an actual tweet to a 404 template using the full-site editor

Se è necessario incorporare più di un tweet, si consiglia di utilizzare un plugin per creare un feed X/Twitter.

In questo modo è possibile creare feed personalizzati che mostrano diversi hashtag, account e timeline. È quindi possibile aggiungere questi feed ai post del blog, alle pagine o anche alle aree predisposte per i widget, come la barra laterale.

Il modo più semplice per creare un feed X/Twitter è utilizzare il plugin Smash Balloon Twitter Feed personalizzato. È uno dei migliori plugin Twitter per WordPress e consente di aggiungere tutti i tipi di feed al proprio blog.

A Twitter feed, embedded using a free WordPress plugin

Questi feed si aggiornano automaticamente, così i visitatori vedranno sempre i vostri ultimi tweet senza che dobbiate modificare manualmente il sito.

Poiché il feed si aggiorna automaticamente, è possibile mantenere il sito web fresco e interessante anche per i visitatori abituali. In questo modo, potete incoraggiare le persone a trascorrere più tempo sul vostro sito, a iscriversi alla vostra newsletter, ad acquistare un prodotto e a compiere altre azioni positive.

Se i visitatori trascorrono molto tempo a guardare il feed Twitter incorporato, inviano segnali positivi ai motori di ricerca. Questo può migliorare la SEO di WordPress.

Per prima cosa, è necessario installare e attivare il plugin Smash Balloon Custom Twitter Feeds. Se avete bisogno di aiuto, consultate la nostra guida su come installare un plugin di WordPress.

Come creare un feed Twitter personalizzato in WordPress

Per creare un feed X/Twitter, andare su Twitter Feed ” Tutti i feed e fare clic su “Add-on”.

How to create a Twitter feed for your WordPress website

In questa schermata è possibile scegliere il tipo di feed da incorporare. È possibile creare un feed da qualsiasi account X/Twitter, compresi quelli di terzi.

È perfetto se state scrivendo un post su un’altra azienda, marchio o persona e volete mostrare i suoi ultimi tweet come parte del vostro post.

Per mostrare i tweet di un account di terzi, selezionare “Timeline utente” e cliccare su “Avanti”.

How to add actual tweets to a WordPress website or blog

Nella schermata successiva, digitate il simbolo @ seguito dall’account X/Twitter da cui riceverete i tweet.

Quindi, fare clic su “Avanti” per aprire l’editor principale di Smash Balloon.

Un’altra opzione consiste nel mostrare i tweet che hanno un hashtag specifico. Potrebbe trattarsi di un hashtag legato al vostro sito web, ai prodotti che vendete sul vostro negozio online o a qualsiasi altra cosa.

Potete anche utilizzare i feed di hashtag per mostrare i tweet relativi all’argomento del blog. Ad esempio, se state scrivendo un blog sull’ultima serie televisiva di successo, potreste creare un feed di hashtag che mostri i fan che parlano della serie.

Per creare un feed di hashtag, selezionare “Hashtag” e cliccare su “Avanti”. A questo punto è possibile digitare l’hashtag che si desidera utilizzare.

Embedding actual tweets in a hashtag feed

Quindi, fare clic su “Avanti” per aprire l’editor principale di Smash Balloon.

L’ultima opzione è “Home Timeline”, che incorpora semplicemente il feed della home di X/Twitter del vostro account. Si tratta esattamente dello stesso feed che si vede quando si va sulla homepage di X/Twitter, quindi si vedranno gli stessi tweet, like e retweet.

Questo può essere utile se volete promuovere le persone che seguite.

How to add a Twitter home timeline feed to WordPress

Come personalizzare il feed di Live X/Twitter

Il plugin Custom Twitter Feeds offre molti modi per perfezionare l’aspetto dei tweet sul vostro sito web. A destra, vedrete un’anteprima del feed di Twitter.

Sul lato sinistro, vengono visualizzate tutte le diverse impostazioni che è possibile utilizzare per personalizzare l’aspetto di questi tweet sul proprio sito web WordPress. La maggior parte di queste impostazioni sono autoesplicative, ma esamineremo rapidamente alcune delle aree principali.

Customizing the Twitter feed using Smash Balloon

Per iniziare, fare clic su “Layout di alimentazione”.

Qui è possibile modificare l’altezza del feed e il numero di tweet che i visitatori vedranno inizialmente.

Changing the layout of a Twitter feed using Smash Balloon

Quando si è soddisfatti delle modifiche, fare clic sul link “Personalizza”.

In questo modo si torna alla schermata principale delle impostazioni di Smash Balloon.

Returning to the main Smash Balloon settings screen

L’impostazione successiva è “Schema di colore”. Per impostazione predefinita, il feed utilizza i colori ereditati dal tema di WordPress, ma è possibile passare a uno schema di colori “chiaro” o “scuro”.

Un’altra opzione è quella di creare uno schema di colori personalizzato selezionando “Personalizzato” e utilizzando i controlli per modificare il colore di sfondo, il colore del testo in WordPress e altro ancora.

Styling embedded tweets on a WordPress blog post

Se si mostrano i tweet di un utente specifico, è consigliabile aggiungere un’intestazione al feed. In questo modo si mostra ai visitatori l’esatta provenienza dei contenuti.

I feed personalizzati di Twitter possono aggiungere un’intestazione standard o testuale al vostro feed.

È sufficiente selezionare “Header” dal menu di sinistra e fare clic sull’attiva/disattiva. Di default, il plugin aggiunge un header “Standard”, che mostra il pulsante “Segui” e una biografia X/Twitter, se disponibile.

Adding a header to the Smash Balloon Twitter feed

Se si desidera nascondere la biografia di X/Twitter, fare clic per disabilitare l’opzione “Mostra bio”.

Un’altra opzione è quella di selezionare “Testo”, che aggiunge un’intestazione “Siamo su Twitter” al feed.

Adding a text header to the Twitter feed

È possibile sostituirlo con un proprio messaggio digitando nella casella “Testo”.

Quando si è soddisfatti della messaggistica, è possibile modificare le dimensioni e il colore dell’intestazione.

Adding a text header to a social media feed using Smash Balloon

È poi possibile personalizzare l’ aspetto dei singoli tweet all’interno del feed di X/Twitter, selezionando “Tweet” dal menu di sinistra.

Successivamente, è possibile scegliere tra “Stile Tweet” e “Modifica singoli elementi”.

Editing individual tweets inside a Twitter feed

Se si seleziona “Stile Tweet”, si può scegliere tra il layout a riquadri e quello regolare.

Se si seleziona “Boxed”, è possibile creare un colore di sfondo per ogni tweet. È anche possibile aumentare il raggio del bordo per creare angoli curvi e aggiungere l’ombra del boxed.

Styling individual tweets in a social media feed

Se si sceglie “Regular”, è possibile modificare lo spessore e il colore della linea che separa i diversi post sui social media.

Successivamente, è possibile personalizzare i singoli elementi di ciascun post facendo clic su “Tweet”, che riporta alla schermata precedente.

Returning to the previous Smash Balloon screen

Questa volta, selezionate “Modifica elementi singoli”.

Ora vedrete tutti i diversi contenuti che Personalized Twitter Feed include in ogni pubblicazione, come l’autore, il testo del tweet e altro ancora.

Per rimuovere un contenuto dal feed, è sufficiente fare clic per deselezionare la relativa casella.

Hiding content from tweets

È inoltre possibile personalizzare l’aspetto di ciascun tipo di contenuto facendo clic su di esso.

Ad esempio, nell’immagine seguente, abbiamo modificato la dimensione e il colore del testo del tweet.

How to embed actual tweets in a WordPress blog post

Quando si è soddisfatti dell’aspetto dei tweet, fare clic su “Personalizza” per tornare alla schermata principale delle impostazioni di Smash Balloon. Questa volta, selezionate il pulsante “Carica altro”.

Il pulsante “Carica altro” consente ai visitatori di scorrere altri tweet, quindi Custom Twitter Feeds lo aggiunge per impostazione predefinita.

Customizing the Twitter 'Load More' button

Poiché si tratta di un pulsante così importante, è possibile personalizzarlo cambiando il colore di sfondo, lo stato di passaggio, l’etichetta e altro ancora per adattarlo al design del sito.

È inoltre possibile sostituire il testo predefinito “Carica di più” con un proprio invito all’azione, digitando nel campo “Testo”.

Adding a custom 'Load More' button to a WordPress website or blog

Se si preferisce, è possibile rimuovere completamente il pulsante facendo clic sulla levetta “Abilita”.

Quando siete soddisfatti dell’aspetto del feed X/Twitter, non dimenticate di fare clic su “Salva”. Dopodiché, siete pronti a incorporare il feed di Twitter nei vostri blog WordPress.

Come incorporare un feed di Twitter nei post del blog WordPress

È possibile aggiungere il feed ai post del blog utilizzando il blocco Twitter Feed di Smash Balloon.

Se avete creato più di un feed X/Twitter utilizzando il plugin, dovrete conoscere il codice del feed.

Per ottenere queste informazioni, andate su Twitter Feeds ” All Feeds e copiate il codice nella colonna ‘Shortcode’. Dovrete aggiungere questo codice al vostro post, quindi annotatelo.

Nell’immagine seguente, dovremo usare [custom-twitter-feeds feed=2]

The Smash Balloon Twitter shortcode

Dopodiché, è sufficiente aprire la pubblicazione del blog in cui si desidera incorporare il feed di X/Twitter. Quindi, cliccate sull’icona “+” per aggiungere un nuovo blocco e iniziate a digitare “Twitter Feed”.

Quando appare il blocco giusto, fare clic per aggiungerlo al post del blog.

Embedding actual tweets in a WordPress blog using the Twitter block

Per impostazione predefinita, il blocco mostrerà uno dei vostri feed Twitter personalizzati. Se invece si desidera utilizzare un feed di tweet diverso, trovare “Impostazioni shortcode” nel menu di destra.

Qui è sufficiente aggiungere lo shortcode e poi cliccare su “Applica modifiche”.

Embedding a Twitter feed in a WordPress blog using shortcode

Il blocco mostrerà ora il feed di X/Twitter e sarà sufficiente pubblicare o aggiornare il blog per far vivere i tweet sul sito web. Ogni volta che si twitta qualcosa, Smash Balloon aggiorna automaticamente questo feed.

Metodo 3. Incorporare i tweet in WordPress usando Twitter Publish (personalizzabile)

Il prossimo metodo utilizza la funzione Twitter Publish per incorporare un tweet in WordPress. La differenza tra questo metodo e i precedenti è che non utilizza un plugin, ma consente di personalizzare l’aspetto del tweet incorporato nel post del blog.

Prima di tutto, assicuratevi di copiare l’URL del tweet come nel primo metodo. Poi, andate sul sito X/Twitter Publish e incollate l’URL nel campo appropriato.

Quindi, fare clic sul segno della freccia a destra.

Pasting a single tweet URL on Twitter Publish

Quindi, scegliere un’opzione di visualizzazione.

Poiché si desidera incorporare un tweet, scegliere l’opzione “Post incorporato”.

Choosing Embedded Post in Twitter Publish

In basso, si trova un’opzione per copiare del codice e incollarlo nell’editor di blocchi.

Ma per lo scopo di questo tutorial, è necessario cliccare prima sul link “imposta opzioni di personalizzazione”. In questo modo è possibile personalizzare l’aspetto del tweet incorporato prima di aggiungerlo al post del blog WordPress.

Clicking set customization options on Twitter Publish

Qui è possibile attivare la modalità scura per i tweet, cambiare la lingua del tweet e nascondere la discussione sul thread del tweet.

È inoltre possibile abilitare l’opzione “Rinuncia alla personalizzazione di Twitter” per impedire a X/Twitter di raccogliere le informazioni dei visitatori, come la pagina web visitata, l’indirizzo IP, il tipo di browser, il sistema operativo e le informazioni sui cookie.

Una volta terminato, basta fare clic sul pulsante “Aggiorna”.

Customizing an embedded tweet made with Twitter Publish

A questo punto, si tornerà alla pagina precedente e X/Twitter aggiornerà il codice incorpora in base alle personalizzazioni effettuate.

Qui, basta fare clic sul pulsante “Copia codice”.

Clicking Copy Code in Twitter Publish

A questo punto, basta aprire l’editor di blocchi per il post in cui si vuole incorporare il tweet.

Quindi, fare clic sull’icona ‘+’ in un punto qualsiasi della pagina e scegliere il blocco ‘HTML personalizzato’.

Choosing Custom HTML block in WordPress block editor

Nel campo HTML, incollare semplicemente il codice copiato in precedenza.

Ecco come dovrebbe apparire:

Pasting a Twitter Publish code in the Custom HTML block

Per vedere l’aspetto del tweet incorporato, è sufficiente fare clic sul pulsante “Anteprima” nella barra degli strumenti del blocco.

Poi, sentitevi liberi di aggiungere altri elementi alla vostra pagina e premete il pulsante “Pubblica” o “Aggiorna” quando avete finito.

Clicking the Preview button in the WordPress Custom HTML block

Ecco fatto!

Per ulteriori suggerimenti e verifiche sull’integrazione di X/Twitter con il vostro sito web WordPress, consultate questi articoli:

Speriamo che questo articolo vi abbia aiutato a capire come incorporare dei veri e propri Tweet nei post di un blog WordPress. Potreste anche voler consultare la nostra guida su come condividere automaticamente i vecchi post di WordPress sui media e la nostra scelta dei migliori plugin WordPress per Facebook per far crescere il vostro blog.

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

19 commentiLascia una risposta

  1. Syed Balkhi

    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. Dennis Muthomi

    As someone who just started a WordPress blog focused on social media marketing, I found this guide super valuable!

    I’d been using the manual method of embedding individual tweets(or should I say posts) with the Twitter block, but the Smash Balloon plugin method sounds much more efficient for curating topical Twitter feeds around hashtags or influential accounts in my niche.

    I’ll definitely be implementing some of these tips on my own blog. Thanks for the actionable advice!

    • WPBeginner Support

      You’re welcome, glad our guide was helpful!

      Admin

  3. Paul Roos

    Thanks for the article. I am going to try it. If the tweet has a hashtag, how does one embed always the newest Tweet with Hashtag?

    • WPBeginner Support

      For that you would want to use the plugin option and that would automatically update as the hashtag got new posts :)

      Admin

  4. Daniel Westerdale

    Hi

    I embedded a tweet which had an attached image, in a page on my wordpress blog. I noticed the tweet text is rendered but the image is not displayed. Hence, I just wondered if this is possible ( even with another plugin) .

  5. Marce Luna

    Thanks, a didn’t know that! There’s a way to get the tweet URL much faster. Just look for the date right in the timeline, right click and copy link address.

  6. Mustafa Cıngı

    You know what? I’ve really searched for months about this topic and I couldn’t find the solution and it was getting me insane day by day, until today. Thanks for your solution. From now on, I can share tweets in my blog. Thanks..

  7. LJames

    Hello,
    How are you doing? i have been embedding twitter post links in the post entry an they have been displaying very well, but just of recently my twitter posts just stopped displaying in the posts i dont know why, for example when i try to inset a twitter link like this one: it displays very well in the post entry before i publish the post, but after publishing post and check, it doesnot show, it only shows the link like the one above, it doesnot display the real twitter post with its picture

    please help me find the issue, i also tried to deactivate the plugins but all invain.

    This is my website:

    Thanks

    L.James

    • WPBeginner Support

      Seems like a plugin or you WordPress theme is causing the issue. Try deactivating all plugins and switching to a default theme to figure out whats causing it.

      Admin

  8. pawan negi

    thnx a lot finally i found what i am searching.. worked for me.

  9. Kristina

    For me, embedding tweets works on the first tweet but not multiple tweets in successive order. Anyone know any workarounds for this?

    • Debi Hodges

      I am having this exact issue, any thoughts?

  10. Edikan

    Please, I will like to ask a question about twitter but outside this particular topic.

    Twitter have an automatic link shortening service using t.co. but it is not working in my Twitter’s profile page. but it works on my facebook page when shared from my Wordpress website, since my twitter is connected to my facebook.

    I have tried rectifying this problem but cannot and it seems twitter doesn’t have a help center where i can contact them to tell them this.

    Please how can i solve this.
    Thanks.

  11. Trish Ledingham

    Mine worked when I did it in my previous blog but now when I go to do it again in another blog, it only brings up the text and not the actual tweet. Any suggestions please?

  12. joshie

    Thought it didn’t work at first. You actually have to go to Preview mode to see it, it won’t appear in the editor.

  13. William T Quick

    Doesn’t work. Shows the url code, not the tweet.

    • Paul McGuire

      Seems to work fine to me. I am not sure what old version of Wordpress you are using. Though admittedly now when you click “embed tweet” you don’t get the same sort of URL that he describes in the article. But once you grab that out of the jumble of code and paste that into your post then you get a properly embedded tweet.

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.