Cercate un modo semplice per mostrare i contenuti di X (Twitter) sul vostro sito web?
L'aggiunta di un widget di Twitter è uno dei modi più efficaci per offrire ai vostri visitatori contenuti freschi e coinvolgenti. Con così tanti metodi per aggiungere widget a WordPress, è difficile sapere da dove cominciare.
In questo articolo vi mostreremo come aggiungere un widget di Twitter in WordPress utilizzando due metodi diversi:
- Aggiungere i widget di Twitter a WordPress con un plugin
- Incorporare i widget di Twitter in WordPress con Twitter Publish
Prima di immergerci, chiariamo cosa intendiamo quando parliamo di "widget di Twitter".
Che cos'è un widget WordPress X (Twitter)?
Un "widget" è semplicemente un blocco di contenuto che si può aggiungere alla barra laterale, ai piè di pagina e ad altre aree del sito.
Avete mai visitato un blog e visto un modulo di iscrizione o dei pulsanti sociali nella barra laterale? Entrambi sono widget. Ogni widget aggiunge una caratteristica o una funzione al vostro sito senza dover scrivere alcun codice.
Un widget di Twitter è un blocco di contenuti di Twitter che si può aggiungere alle aree della barra laterale.
Utilizzando un widget di Twitter, potete mostrare i contenuti di Twitter sul vostro sito web e coinvolgere i vostri visitatori. Per aggiungere manualmente un widget di Twitter, è necessario gestire i codici embed che possono creare confusione.
Per semplificare le cose, è possibile utilizzare i plugin di WordPress, che eliminano la necessità di armeggiare con il codice.
Dovreste usare un plugin X (Twitter) per WordPress?
Se non vi sentite a vostro agio con i codici embed e desiderate un modo semplice per personalizzare il vostro widget, l'uso di un plugin per Twitter è una decisione intelligente.
In questo modo, potrete facilmente mostrare tonnellate di contenuti Twitter sul vostro sito web senza dover toccare una sola riga di codice o assumere un designer.
Utilizzando un plugin, è possibile anche modificare il design del widget di Twitter. Ad esempio, è possibile fare clic su alcune impostazioni per adattare il widget al tema e al marchio del sito.
Inoltre, consentono di visualizzare esempi specifici di widget di Twitter, come i feed di hashtag, le ricerche personalizzate e le timeline degli utenti.
Come potete vedere, un plugin Twitter per WordPress renderà molto più facile creare widget Twitter che abbiano l'aspetto desiderato.
Metodi per aggiungere un widget X (Twitter) in WordPress
Ora è il momento di esaminare i diversi metodi per aggiungere un widget Twitter in WordPress.
Esistono due modi per aggiungere un widget Twitter al vostro sito WordPress:
- Aggiungete il vostro widget Twitter utilizzando un plugin per WordPress
- Aggiungere manualmente il widget di Twitter
Vediamo di seguito entrambi i metodi:
Come aggiungere i widget di Twitter a WordPress con un plugin
Per aggiungere un widget Twitter ai post e alle pagine di WordPress, è necessario scaricare il plugin Twitter Feed Pro di Smash Balloon.
È il più apprezzato plugin di feed Twitter per WordPress e consente di integrare perfettamente i contenuti di Twitter nel vostro sito web.
Per aiutarvi a creare bellissimi feed di Twitter, ha anche un editor di feed dal vivo che vi aiuta a personalizzare tutto con facilità . È possibile impostare l'intestazione, il layout del feed, la combinazione di colori e molto altro ancora.
Inoltre, il plugin è leggero, quindi potete incorporare tutti i tweet che volete e il vostro sito continuerà a caricarsi velocemente come sempre. Con un sito più veloce, è possibile ottenere un SEO migliore e posizionarsi ai primi posti nei risultati dei motori di ricerca.
Avrete feed puliti, personalizzabili e reattivi che aumentano il coinvolgimento sul vostro sito e aggiungono una preziosa prova sociale.
Di conseguenza, Twitter Feed Pro ha una valutazione di 4,9/5 stelle e oltre 150.000 utenti attivi da tutto il mondo.
Fate clic qui per iniziare a utilizzare Twitter Feed Pro.
Vediamo ora come aggiungere i widget di Twitter al vostro sito utilizzando questo plugin.
Passo 1: installare il plugin Twitter Feed Pro
Innanzitutto, prendete la vostra copia di Twitter Feed Pro qui e installatela sul vostro sito web.
Non sapete come fare? Potete seguire queste istruzioni per installare un plugin di WordPress sul vostro sito web.
Passo 2: Creare un nuovo widget di Twitter
È il momento di creare il vostro widget di Twitter utilizzando il plugin.
Dall'area della dashboard di WordPress, spostatevi nel menu Twitter Feed " Tutti i feed e fate clic sul pulsante Aggiungi nuovo.
A questo punto, Twitter Feed Pro vi chiederà di selezionare il tipo di widget Twitter che desiderate sul vostro sito web.
È possibile scegliere tra le seguenti opzioni:
- Timeline utente: Scegliere un profilo Twitter specifico e mostrare i suoi tweet.
- Hashtag: Feed di contenuti filtrati in base a specifici hashtag pubblici
- Ricerca: I risultati di una ricerca avanzata su Twitter vengono visualizzati in un widget Twitter.
- Elenchi: Selezionare un elenco di Twitter e incorporare i tweet disponibili.
È inoltre possibile selezionare più opzioni per combinare diversi tipi di feed di Twitter in un unico widget.
Per continuare, selezionate il tipo di feed di Twitter e fate clic su Avanti.
Per questa esercitazione, mostreremo un widget Twitter con hashtag.
Passo 3: collegare l'account Twitter
Twitter Feed Pro consente di collegare con estrema facilità il vostro account Twitter a WordPress, in modo che il vostro widget venga aggiornato automaticamente.
Per iniziare, fare clic sul pulsante Connetti del popup.
Una volta fatto ciò, il plugin aprirà Twitter, dove chiederà l'accesso in sola lettura al vostro account.
Utilizzando questo accesso, Twitter Feed Pro potrà solo visualizzare le vostre informazioni e non sarà in grado di apportare alcuna modifica.
Ciò significa che l 'uso di questo plugin è totalmente sicuro.
È sufficiente fare clic sul pulsante Autorizza l'app qui, per confermare l'accesso in sola lettura.
Una volta fatto ciò, Twitter Feed Pro vi rimanderà nuovamente al vostro sito web.
È ora possibile selezionare cosa mostrare sul widget di Twitter aggiungendo l'hashtag, la timeline dell'utente, l'elenco di Twitter e il termine di ricerca.
Per questa guida, aggiungeremo il nostro hashtag al widget.
Una volta aggiunta la fonte, basta fare clic su Avanti.
Passo 4: personalizzare il nuovo widget di Twitter
Per semplificare al massimo la personalizzazione, è sufficiente selezionare un modello per il nuovo widget di Twitter.
È possibile scegliere tra 7 modelli di feed, ognuno con un design unico:
- Predefinito
- Muratura
- Carosello semplice
- Carte semplici
- Carosello di vetrine
- Ultimi tweet
- Widget
Una volta scelta l'opzione più adatta al vostro widget Twitter, fate clic su Avanti per continuare.
Ora è possibile utilizzare l'editor di live feed per personalizzare il design del nuovo widget del feed di Twitter.
Sulla sinistra si trovano le opzioni di personalizzazione per impostare il layout del feed, i colori, il design dell'intestazione, lo stile del riquadro dei tweet, le opzioni della lightbox e altro ancora.
Per aiutarvi a seguire le modifiche, sulla destra c'è un'anteprima live del vostro feed di Twitter.
Iniziamo la personalizzazione e impostiamo il layout del widget di Twitter.
Per farlo, basta selezionare l'opzione Layout di alimentazione da sinistra.
Con Twitter Feed Pro, potete scegliere tra 3 opzioni di layout del feed:
- Elenco
- Muratura
- e Carosello
In primo luogo, c'è l'opzione Elenco che mostra i vostri tweet in un'unica colonna. In questo modo, i vostri tweet avranno molto più spazio.
Volete mostrare tonnellate di tweet in una volta sola sul vostro widget di Twitter?
È possibile scegliere il layout Masonry , che mostra i tweet in più colonne.
Potete anche scegliere il layout Carousel e mostrare i vostri tweet in un bellissimo carosello di slides.
In questo modo, i visitatori possono interagire con il vostro widget di Twitter per controllare altri contenuti.
Una volta selezionato il layout del feed che si adatta al widget di Twitter, basta fare clic sul pulsante Salva .
Da qui è possibile tornare alle opzioni principali facendo clic sul piccolo pulsante Personalizza in alto.
Volete scegliere i colori per il vostro nuovo widget di Twitter?
Quindi fare clic sull'opzione Schema di colore a sinistra.
Per selezionare i colori del widget, è sufficiente scegliere uno schema di colori.
Con Twitter Feed Pro, sono disponibili 4 opzioni per la combinazione di colori:
- Eredita dal tema: Copia automaticamente i colori del tema
- Luce: Scegliete un look luminoso per il vostro widget Twitter
- Scuro: utilizzare invece colori scuri e caratteri chiari
- Personalizzato: Selezionare manualmente tutti i colori
Selezionare la combinazione di colori che si preferisce e cliccare nuovamente sul pulsante Salva per confermare le modifiche.
Utilizzando l'editor di live feed, è possibile personalizzare lo stile del riquadro dei tweet, l'intestazione di Twitter, il pulsante "load more", le dimensioni del feed e molto altro ancora.
Una volta che siete soddisfatti dell'aspetto del vostro widget di Twitter, ricordatevi di cliccare ancora una volta su Salva .
Passo 5: Aggiungere il widget di Twitter a WordPress
È facilissimo incorporare il widget di Twitter utilizzando l'editor di live feed. Inoltre, è possibile incorporare il widget in due modi:
- Aggiungere il widget di Twitter a una pagina di WordPress
- Aggiungere il widget Twitter alla barra laterale o al piè di pagina
Di seguito analizzeremo entrambi i metodi.
Dall'editor del live feed, fare clic sul pulsante Embed in alto per iniziare.
Si aprirà una finestra a comparsa che chiede dove si vuole incorporare il widget di Twitter.
Basta fare clic sull'opzione Aggiungi a una pagina per incorporarlo in una pagina di WordPress.
Nel popup, selezionare la pagina in cui si desidera mostrare il widget.
Quindi, fare clic su il pulsante Aggiungi in basso.
Ora è possibile vedere la pagina aperta nell'editor di blocchi di WordPress, dove è possibile incorporare il widget di Twitter.
Per farlo, innanzitutto, fare clic sull'icona più (+) nell'editor per aggiungere un blocco di contenuto.
Utilizzando la barra di ricerca, cercate "twitter feed" e poi fate clic sul widget Twitter Feed qui sotto.
In questo modo, avete aggiunto il widget di Twitter alla vostra pagina.
Infine, fare clic sul pulsante Pubblica o Aggiorna e il widget di Twitter sarà ora disponibile per tutti.
Infatti, è possibile aprire il proprio sito web per verificarne l'aspetto.
Volete aggiungere il vostro widget alla barra laterale o al piè di pagina?
È possibile farlo facilmente dall'editor del live feed.
Dall'area della dashboard dell'amministratore, navigare nel menu Twitter Feed " Tutti i feed e quindi fare clic sul widget del feed di Twitter.
Questo mostrerà il widget di Twitter nell'editor del live feed.
Per iniziare a incorporare il widget, fare clic sul pulsante Incorpora nell'angolo in alto a destra.
Nel popup, questa volta è possibile fare clic sul pulsante Aggiungi a un widget .
In questo modo si accede alla pagina dei widget del sito WordPress.
In questa pagina è possibile scegliere dove incorporare il widget del feed di Twitter.
Per incorporarlo nella barra laterale, basta fare clic sul pannello Sidebar .
Volete invece utilizzare il piè di pagina? Allora fate clic sul pannello Piè di pagina qui.
Per aggiungere un nuovo widget di WordPress, fate clic sull'icona più (+) in fondo al pannello.
Quindi, selezionare il widget Twitter Feed tra tutte le opzioni.
Infine, potete fare clic sul pulsante Aggiorna e il vostro widget di Twitter sarà attivo sulla barra laterale del vostro sito web.
Se invece si sceglie il piè di pagina, il widget di Twitter si trova in fondo al sito.
Diamo quindi un'occhiata al vecchio metodo per incorporare i widget di Twitter nel vostro sito web.
Come aggiungere manualmente i widget di Twitter
Il nostro ultimo metodo utilizza lo strumento X Publish per aggiungere il widget in WordPress. Lo svantaggio di questo metodo è che si ha meno controllo sull'aspetto del widget nel sito.
Per aggiungere un feed di Twitter con questo metodo, visitate il sito web di X Publish e scegliete il tipo di contenuto che volete incorporare.
Utilizzeremo l'opzione Profilo.
Quindi, incollare l'URL del profilo che si desidera visualizzare e fare clic sull'icona Avanti .
Scorrendo verso il basso, è possibile scegliere il modo in cui visualizzare il widget di Twitter.
È possibile scegliere un design per il pulsante, se lo si desidera. Per ora, sceglieremo l'opzione Timeline incorporata .
Il passo successivo consiste nel copiare il codice da inserire nel vostro sito WordPress.
Per continuare, fare clic sul pulsante Copia codice a destra.
Poi si può procedere alla creazione di un nuovo post o pagina in WordPress.
Per incorporare il codice, aggiungere un nuovo blocco di contenuti facendo clic sull'icona più (+) nell'editor.
Ora cercate "html personalizzato" nella barra di ricerca in alto e poi fate clic sul blocco HTML personalizzato per continuare.
Quindi incollare il codice di incorporamento direttamente nel blocco.
Ora, quando si visualizza l'anteprima della nuova pagina, il widget di Twitter avrà un aspetto simile a quello dell'esempio seguente:
Con questo metodo è possibile incorporare il feed in un widget nella barra laterale.
Per prima cosa, navigare in Aspetto " Widget per iniziare a gestire i widget del sito web.
Dopo aver fatto ciò, fare clic sul pannello Sidebar per incorporare il widget.
Volete aggiungere il vostro widget di Twitter al piè di pagina? Allora cliccate su Piè di pagina .
Infine, fare clic sull'icona più (+) per aggiungere un widget, quindi fare clic sul widget HTML personalizzato.
Incollare quindi il codice embed all'interno del widget come fatto in precedenza.
Infine, fare clic sul pulsante Aggiorna in alto.
Quando si naviga nella parte anteriore del sito web, il feed avrà un aspetto simile a quello dell'esempio seguente:
Ed ecco fatto.
Ora sapete come aggiungere un widget Twitter in WordPress. La cosa fondamentale da ricordare è che con il terzo metodo avrete meno controllo sul design, sul layout e sul contenuto del vostro feed di Twitter.
Con il plugin Twitter Feed Pro, potete fare tutto questo in pochi semplici clic, senza bisogno di HTML, Javascript, CSS o qualsiasi tipo di codifica.
Siete pronti a incorporare i widget di Twitter? Acquistate oggi stesso la vostra copia di Twitter Feed Pro.
Per ulteriori modi di promuovere il vostro marchio sulle piattaforme dei social media, seguite questa guida su come migliorare il vostro social media marketing.
Se vi è piaciuto questo articolo, non esitate a seguirci su Twitter e Facebook per altre esercitazioni sul social media marketing.
