Come aggiungere una presentazione X (Twitter) al proprio sito WordPress
Casa Blog Come aggiungere una presentazione X (Twitter) al proprio sito WordPress

Come aggiungere una presentazione X (Twitter) al proprio sito WordPress

Come aggiungere una presentazione di Twitter al vostro sito WordPress (1)

Cercate un modo semplice per mostrare slideshow di Twitter sul vostro sito web WordPress?

La visualizzazione dei feed di Twitter sul vostro sito web vi aiuta a mostrare ai vostri visitatori i contenuti rilevanti dei social media. Inoltre, è un modo rinfrescante per aumentare l'esposizione del vostro marchio e il coinvolgimento dei clienti.

Ma Twitter non consente di personalizzare il layout del feed. Ed è un po' complicato personalizzare il codice di Twitter senza assumere uno sviluppatore.

Ecco perché vi mostreremo come aggiungere una presentazione di Twitter al vostro sito con facilità, anche se non siete esperti di tecnologia.

Per prima cosa, analizziamo il modo più semplice per incorporare una presentazione di Twitter.

Oppure potete fare clic qui per passare direttamente all'esercitazione.

Il modo più semplice per visualizzare una presentazione X (Twitter)

Se volete, potete incorporare manualmente i feed di Twitter nel vostro sito, ma questo metodo comporta alcune difficoltà e rischi:

  • Difficile da configurare: Se non si ha dimestichezza con la codifica, non è facile da configurare, poiché è necessario inserire manualmente molti codici e passare da una pagina web all'altra.
  • Richiede molto tempo: Avete saltato una riga di codice? O avete fatto qualcosa di sbagliato? Avreste bisogno di molto tempo per capire cosa è andato storto.
  • Confuso e soggetto a errori: Poiché l'incorporazione avviene manualmente, si corre il rischio di rompere accidentalmente il sito a causa di piccoli errori.
  • Nessuna scelta di personalizzazione: Volete mostrare una presentazione di Twitter? Non è possibile. Quando aggiungete manualmente il vostro feed a WordPress, non potete personalizzare liberamente il layout e lo stile del vostro feed.
  • Nessun filtro: Non è possibile filtrare il contenuto del feed. Pertanto, se si desidera moderare i tweet da mostrare nel feed, non è possibile.

Se questo è il caso, qual è il modo migliore per incorporare uno slideshow di Twitter nel vostro WordPress? Utilizzando il più apprezzato plugin di feed Twitter per WordPress: Twitter Feed Pro.

twitter feed pro homepage

Questo plugin non tecnologico rende la creazione di slideshow di Twitter in WordPress così facile che anche i neofiti possono usarlo liberamente.

Se utilizzate Twitter Feed Pro per aggiungere le presentazioni di Twitter al vostro sito web, potrete godere delle sue caratteristiche, come ad esempio:

  • Facilissimo da configurare: Una volta installato, è possibile configurare tutto e visualizzare il feed di Twitter in modo semplice. Anche se non siete un guru dell'informatica.
  • Tanti tipi di feed: È possibile inserire hashtag nei feed di Twitter, timeline degli utenti, elenchi di Twitter, risultati di ricerca e molto altro ancora.
  • Risparmio di tempo ed efficienza: Mostrate il vostro feed di slideshow su Twitter in meno di 5 minuti con il nostro semplice flusso guidato!
  • Facile da usare: non è necessario modificare i codici o rischiare di rompere accidentalmente il vostro sito. Bastano pochi clic per personalizzare il feed di Twitter e controllare i tweet visualizzati.
  • Molte scelte di personalizzazione: Volete mostrare un feed orizzontale di Twitter in un layout a slideshow? Con l'editor di feed live del plugin, è possibile farlo in un solo clic, senza bisogno di codice confuso.
  • Controllo dei contenuti: Il plugin consente di filtrare i tweet in modo da mostrare solo i feed desiderati. Questo è particolarmente utile quando si vogliono mostrare le testimonianze dei social media per utilizzare la prova sociale per aumentare le conversioni.

E abbiamo menzionato la parte migliore? Quando acquistate la vostra copia di Twitter Feed Pro, avete accesso a un team di supporto amichevole e veloce di esperti di WordPress che possono guidarvi.

Se avete bisogno di aiuto, inviate un messaggio e faranno del loro meglio per darvi una mano.

Di conseguenza, il plugin ha una solida valutazione di 4,9/5 stelle ed è felicemente raccomandato da oltre 150.000 utenti.

Come aggiungere una presentazione X/Twitter al vostro sito WordPress

Siete pronti ad aumentare i vostri follower su Twitter mostrando il vostro coinvolgente feed Twitter? Scoprite il tutorial passo-passo per incorporare il vostro feed di Twitter in una presentazione:

Passo 1: Installare e attivare il plugin Twitter Feed Pro

Innanzitutto, procuratevi una copia del plugin Twitter Feed Pro qui. Dopodiché, installate e attivate il plugin sul vostro sito web WordPress.

Siete confusi su come fare? Date un'occhiata a questo tutorial di facile consultazione su come installare un plugin di WordPress sul vostro sito web.

Fase 2: Creare un nuovo feed di Twitter

In questa fase, potete utilizzare il flusso guidato di Twitter Feed Pro e creare un nuovo feed sul vostro sito web.

Dall'area del cruscotto di WordPress, andate al menu Twitter Feed " Tutti i feed per iniziare.

Successivamente, fare clic sul pulsante Aggiungi nuovo in alto.

aggiungere un nuovo feed twitter personalizzato

Dopo aver fatto ciò, è possibile specificare il tipo di feed di Twitter che si desidera creare.

Con Twitter Feed Pro è possibile scegliere tra i seguenti tipi di feed:

  • Timeline utente: Mostra i tweet della propria timeline di Twitter.
  • Hashtag: Incorporare i tweet con hashtag specifici
  • Ricerca: Mostra i tweet in base ai risultati di una ricerca avanzata su Twitter.
  • Elenchi: Mostra i tweet delle liste specifiche di Twitter.

Per il nostro esempio, stiamo usando il tipo di feed hashtag.

Dopo aver scelto il tipo di feed di Twitter, fate clic su Avanti per continuare.

selezionare il tipo di feed di Twitter per il widget

Passo 3: collegare l'account Twitter

Collegando il vostro account Twitter, il vostro feed può mostrare i contenuti di Twitter sul vostro sito web.

Per iniziare, fare clic sul pulsante Connetti del popup.

collegare l'account twitter a wordpress

Dopo aver fatto ciò, il plugin vi chiederà di dare accesso in sola lettura al vostro account Twitter.

È completamente sicuro, poiché Twitter Feed Pro non sarà in grado di utilizzare tale accesso per apportare modifiche.

Per consentire l'accesso in sola lettura al plugin, fare clic sul pulsante Autorizza app.

autorizzare l'accesso in sola lettura a twitter.jpg

In questo modo si torna al proprio sito web, dove è possibile scegliere la fonte del feed di Twitter.

Per farlo, basta inserire gli account utente, gli hashtag, i termini di ricerca o qualsiasi altro tipo di fonte che si desidera visualizzare sul sito.

Scrivete la fonte di Twitter nella finestra a comparsa e fate clic su Avanti.

Per esempio, stiamo usando l'hashtag "#KEEB_PD" per il nostro feed di Twitter.

selezionare gli hashtag del proprio feed di Twitter

Fase 4: Scegliere il modello di feed di presentazione di Twitter

Avete finito di collegare il vostro account Twitter al plugin? Ottimo!

A questo punto, Twitter Feed Pro vi chiederà di scegliere il modello di feed che volete utilizzare.

Se volete mostrare molti tweet contemporaneamente nella vostra presentazione, scegliete il modello Carosello semplice e fate clic su Avanti.

selezionare l'opzione carosello feed twitter

Se si desidera che la presentazione di Twitter contenga solo un tweet alla volta, fare clic sul carosello della vetrina .

Quindi, fare clic sul pulsante Avanti per procedere.

scegliere il layout del carosello della vetrina

In questo modo, ora avete un feed di presentazione di Twitter sul vostro sito web.

Inoltre, il vostro nuovo feed ha un aspetto fantastico fin dall'inizio, poiché copia automaticamente il design del vostro sito web.

modello di carosello semplice esempio twitter

Passo 5: personalizzare il feed della presentazione di Twitter

Con il plugin Twitter Feed Pro, avrete a disposizione un editor di feed live facile da usare che vi aiuterà a progettare facilmente i vostri feed di Twitter.

Nel pannello di sinistra si trovano tutte le opzioni di personalizzazione. Utilizzando queste opzioni, è possibile modificare il modello del feed, il layout, i colori, le dimensioni, lo stile dell'intestazione, il numero di post, le dimensioni del feed e molto altro ancora.

editor di feed live twitter feed pro anteprima visiva

Sulla destra, è possibile trovare un'anteprima in tempo reale del proprio feed di Twitter, in modo da poter seguire facilmente le modifiche apportate.

Per iniziare la personalizzazione, fare clic sull'opzione Layout di alimentazione .

scegliere l'opzione di layout del feed creare il feed di twitter

Da qui è possibile modificare il modo in cui i tweet appaiono nel feed di Twitter. È anche possibile mostrare i tweet come un elenco o in una galleria in muratura.

Per modificare le opzioni della presentazione di Twitter, è sufficiente scorrere in basso a sinistra e cercare la sezione Impostazioni del carosello .

Si può quindi scegliere di attivare o disattivare le frecce di navigazione, i punti di paginazione e l'autoplay per la presentazione di Twitter.

Inoltre, è possibile modificare il numero di righe, il tipo di ciclo, l'altezza della presentazione, l'intervallo di tempo e altro ancora.

personalizzare le opzioni del feed orizzontale di Twitter

Una volta terminata l'impostazione della presentazione di Twitter, fare clic su Salva per mantenere le modifiche.

A questo punto, fate clic sul pulsante Personalizza in alto per continuare a progettare il vostro feed di Twitter.

torna al menu principale editor di feed live

Quindi, fare clic sull'opzione Schema colore per impostare i colori della presentazione di Twitter.

scegliere l'opzione di combinazione di colori feed twitter

Con Twitter Feed Pro, potete semplicemente scegliere uno schema di colori per cambiare istantaneamente tutti i colori del vostro feed di Twitter.

È possibile scegliere tra 4 schemi di colori:

  • Eredita dal tema: Usa gli stessi colori del tuo sito web
  • Luce: Mostra uno sfondo chiaro e un colore di carattere più scuro.
  • Scuro: visualizza uno sfondo scuro con un colore chiaro per il carattere.
  • Personalizzato: Selezionare manualmente i colori del feed di Twitter
opzioni di combinazione di colori per il feed di Twitter

Dopo aver scelto la combinazione di colori per la presentazione di Twitter, fare clic su Salva per confermare le modifiche.

Come potete vedere, è facilissimo personalizzare il resto del vostro feed di Twitter utilizzando l'editor di feed live.

Tutto ciò che dovete fare è cliccare su alcuni pulsanti e il vostro feed avrà l'aspetto che desiderate. Ciò significa che non è necessario avere a che fare con frammenti di codice confusi o assumere uno sviluppatore che vi aiuti.

Una volta che siete soddisfatti dell'aspetto del vostro feed di Twitter, fate clic sul pulsante Salva .

Passo 6: Visualizzare il feed della presentazione di Twitter su WordPress

Ora avete imparato a creare e personalizzare il vostro feed di presentazione di Twitter. Ottimo! Il passo finale è imparare a visualizzarlo sul vostro sito web.

Con Twitter Feed Pro è possibile farlo in due modi:

  • Aggiungete il feed di presentazione di Twitter alla vostra pagina WordPress
  • Aggiungete il vostro feed di slideshow di Twitter come widget alla vostra barra laterale o al piè di pagina.

Non siete sicuri di quale sia il modo migliore per voi? Non preoccupatevi. Di seguito potete verificare entrambi i metodi:

Aggiungete il vostro feed di presentazione di Twitter alla vostra pagina WordPress

Per semplificare le cose, è possibile utilizzare l'editor di live feed per incorporare la presentazione di Twitter in pochi semplici clic.

Per iniziare, fare clic sul pulsante Embed in alto.

clicca su embed live feed editor twitter

Poi, un popup chiederà dove si vuole incorporare il feed di Twitter.

Poiché la presentazione di Twitter viene mostrata su una pagina di WordPress, fate clic sul pulsante Aggiungi a una pagina .

aggiungere a una pagina

Successivamente, il popup mostrerà un elenco di pagine WordPress del vostro sito. Selezionate una pagina da questo elenco e fate clic su Aggiungi per iniziare a incorporare il vostro feed.

aggiungere il feed di Twitter a una nuova pagina

Twitter Feed Pro aprirà la pagina nell'editor di WordPress. È ora possibile aggiungere un nuovo blocco WordPress facendo clic sull'icona più (+).

aggiungere un nuovo blocco wordpress

Quindi, scrivete "twitter feed" nella casella di ricerca e, tra i risultati della ricerca, fate clic sul blocco Twitter Feed.

incorporare il feed di twitter nel vostro sito wordpress

Infine, fate clic su Pubblica o Aggiorna per salvare le modifiche e la vostra presentazione di Twitter sarà finalmente online.

Ora è possibile aprire il sito web e vederne l'aspetto.

esempio di feed twitter orizzontale sul vostro sito web

Come si può vedere, Twitter Feed Pro consente di incorporare facilmente i contenuti di Twitter.

Vediamo ora il secondo modo per visualizzare i feed di presentazione di Twitter sul vostro sito.

Aggiungete il vostro feed di presentazione di Twitter alla barra laterale o al piè di pagina del vostro sito

Per incorporare il feed della presentazione di Twitter nella barra laterale o nel piè di pagina del vostro sito web, potete semplicemente utilizzare l'editor di feed live.

Per prima cosa, andate nel menu Twitter Feed " Tutti i feed dalla vostra dashboard di amministrazione e fate clic sul vostro feed slideshow di Twitter.

aprire il feed di twitter con hashtag

Ora è possibile visualizzare nuovamente l'editor del live feed.

Per iniziare a incorporare questo feed di Twitter, fare clic sul pulsante Embed nell'angolo in alto a destra.

clicca su embed live feed editor twitter

Utilizzando il popup, è possibile scegliere la posizione del nuovo feed di presentazione di Twitter.

Dal momento che lo incorporerete nelle vostre aree widget, fate clic sul pulsante Aggiungi a un widget .

aggiungere il feed di Twitter al widget

Twitter Feed Pro vi invierà ora alla pagina dei Widget del vostro sito web, in modo da poter incorporare il feed di Twitter come widget.

Se si desidera mostrare la presentazione di Twitter nella barra laterale, fare clic sul pannello Sidebar .

aprire il pannello della barra laterale

Per incorporare il widget della presentazione di Twitter nel piè di pagina, fare clic sul pannello Piè di pagina .

Per questa guida, incorporeremo il feed nel footer di WordPress.

aprire il pannello del piè di pagina

Per creare un nuovo widget, fare clic sull'icona più (+) in basso.

A questo punto, fare clic sul widget Twitter Feed dalle opzioni per incorporare il feed della presentazione di Twitter.

aggiungere un widget per il feed di Twitter a wordpress

Infine, fate clic sul pulsante Aggiorna per salvare il nuovo widget di Twitter e il gioco è fatto!

Se aprite il vostro sito web, ora potete vedere un feed di presentazione di Twitter nella barra laterale o nell'area del piè di pagina, proprio come in questo caso:

incorporare il feed di Twitter nel footer esempio

Ed ecco fatto.

Leggendo questa guida passo dopo passo, avete imparato come aggiungere un feed di presentazione di Twitter al vostro sito WordPress.

Ora potete aumentare facilmente i vostri follower su Twitter, costruire una comunità coinvolgente e far crescere la vostra attività nel tempo.

Siete pronti a incorporare gli slideshow di Twitter? Iniziate oggi stesso con Twitter Feed Pro!

Per una lettura correlata, potete anche dare un'occhiata a questo post sui migliori tipi di tweet che hanno dimostrato di far crescere il vostro business in questo momento.

E se questo articolo vi è piaciuto, collegatevi con noi su Twitter e Facebook per altre utili esercitazioni.

avatar dell'autore
Lianne Laroya Responsabile marketing dei contenuti
Lianne ricopre il ruolo di Content Marketing Manager presso Smash Balloon, avvalendosi di oltre 12 anni di esperienza in contenuti WordPress, social media marketing, contenuti generati dagli utenti (UGC) e ottimizzazione per i motori di ricerca (SEO).

Aggiungi un commento

Siamo lieti che abbia scelto di lasciare un commento. Tenete presente che tutti i commenti sono moderati in base alla nostra politica sulla privacy e che tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.