Come aggiungere il profilo Twitter/X a Oxygen Builder (guida semplice)
Casa Blog Come aggiungere il profilo Twitter/X a Oxygen Builder (guida semplice)

Come aggiungere il profilo Twitter/X a Oxygen Builder (guida semplice)

come aggiungere il proprio profilo twitterx a oxygen builder

Quando ho iniziato a usare Oxygen Builder, mi è piaciuto molto il controllo che mi ha dato sul design del mio sito web. Ma ho subito incontrato un ostacolo quando si trattava di aggiungere contenuti X (Twitter).

Oltre a richiedere molto tempo, i metodi predefiniti di WordPress avevano un aspetto terribile o non si adattavano al design personalizzato che avevo costruito in Oxygen.

Se gestite un sito Oxygen Builder e volete mostrare i vostri contenuti Twitter, probabilmente vi trovate di fronte alla stessa frustrazione.

L'aggiunta del profilo Twitter può aumentare il coinvolgimento e mantenere freschi i contenuti del sito, ma la maggior parte delle soluzioni non funziona bene con l'approccio personalizzato di Oxygen.

Vi mostrerò il metodo esatto che utilizzo per integrare i profili Twitter nei siti di Oxygen Builder. Questo processo in 5 fasi funziona sempre e richiede solo pochi minuti per essere completato.

Il modo più semplice per aggiungere i feed di Twitter ai siti web Oxygen

Oxygen Builder è un popolare costruttore di pagine di WordPress che offre un controllo completo sul design del sito web.

A differenza dei temi WordPress tradizionali, Oxygen consente di creare layout personalizzati senza toccare il codice.

costruttore di ossigeno costruttore di siti

Tuttavia, questo approccio personalizzato significa che i metodi standard di WordPress per aggiungere contenuti ai social media spesso non funzionano correttamente o sembrano fuori luogo.

Quindi, potreste ritrovarvi con un feed del profilo Twitter che non si adatta al vostro sito web, dopo aver speso molto tempo e sforzi per incorporare manualmente i contenuti di Twitter.

Si può invece utilizzare un plugin di WordPress per recuperare automaticamente i contenuti di Twitter e aggiungerli a Oxygen Builder.

Tra tutti i plugin per i feed di Twitter disponibili, per questa guida ho scelto Twitter Feed Pro.

twitter feed pro homepage

Ci sono alcuni motivi per cui Twitter Feed Pro si distingue dalla concorrenza:

  • Compatibilità: Twitter Feed Pro funziona perfettamente con Oxygen Builder e altri popolari costruttori di siti.
  • Mostra contenuti freschi: Il plugin manterrà il vostro feed aggiornato con i vostri ultimi tweet automaticamente.
  • Leggero: Poiché questo strumento è costruito per la velocità, il vostro sito web Oxygen si caricherà più velocemente che mai.
  • Corrisponde al tuo sito web: I vostri feed copieranno automaticamente il design del vostro sito web Oxygen Builder.
  • Altamente personalizzabile: Inoltre, avrete a disposizione modelli precostituiti e un personalizzatore dal vivo per progettare in dettaglio il feed del vostro profilo Twitter.

Un altro ottimo motivo per scegliere questo strumento è la qualità dell'assistenza clienti. Per verificare di persona, potete dare un'occhiata alle recensioni degli utenti e vedere cosa pensano del team di supporto.

recensioni degli utenti per twitter feed pro

Ci sono molte funzioni con cui lavorare ed è facile da usare. Di seguito vi illustrerò i passaggi per aggiungere un profilo Twitter ai siti web Oxygen.

Come aggiungere un profilo Twitter/X a Oxygen Builder

Nei passi che seguono, vi mostrerò come può essere facile aggiungere contenuti Twitter/X al vostro sito Oxygen Builder con l'aiuto di Twitter Feed Pro.

Passo 1: Installare e attivare Twitter Feed Pro

Per prima cosa, potete ottenere il plugin Twitter Feed Pro qui prima di installarlo sul vostro sito web.

Se non sapete come fare, date un'occhiata a questa guida passo passo su come installare e attivare i plugin di WordPress.

Fase 2: Creare un feed di Twitter

Potete iniziare subito dalla vostra dashboard di WordPress.

Aprite il menu Twitter Feed " Tutti i feed e fate clic sul pulsante Aggiungi nuovo.

aggiungere un nuovo feed twitter personalizzato

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

  • Timeline utente: Mostra i tweet di un profilo Twitter selezionato
  • Hashtag: Visualizza i tweet con gli hashtag selezionati.
  • Ricerca: Scegliere i termini di ricerca e incorporare i risultati della ricerca.

Qui sceglierò User Timeline, ma il processo è lo stesso per ogni tipo di alimentazione.

Una volta selezionato il tipo di alimentazione, fare clic su Avanti.

tipi di feed twitter feed pro

Fase 3: Collegare il profilo Twitter

Collegando il vostro profilo Twitter, il plugin può recuperare i tweet pertinenti e visualizzarli sul vostro sito. È un processo semplice e veloce.

Per iniziare, fare clic sul pulsante Connetti del popup.

collegare l'account twitter a wordpress

Una volta fatto ciò, il plugin aprirà Twitter/X sul browser web.

Da qui, cliccate su Autorizza app per collegare il vostro profilo.

autorizzare l'accesso in sola lettura a twitter.jpg

In questo modo si torna al proprio sito web. Ora è possibile scegliere il profilo Twitter, l'hashtag o il termine di ricerca per il feed.

Per questo esempio inserirò un handle di Twitter.

Inserite le informazioni qui e cliccate su Avanti.

incorporare la timeline dell'utente del feed di Twitter

Passo 4: personalizzare il feed di Twitter

Il feed del vostro profilo Twitter appena creato copierà automaticamente il design del vostro sito web Oxygen. Questo può essere un enorme risparmio di tempo se avete scelto con cura il design e lo schema di colori del vostro sito web.

Inoltre, è possibile importare un modello per modificare rapidamente il design del feed di Twitter.

È possibile scegliere tra 7 diverse opzioni con layout unici.

  • Predefinito
  • Schede di muratura
  • Carosello semplice
  • Carte semplici
  • Carosello di vetrine
  • Ultimo tweet
  • Widget

Dopo aver scelto un modello, fare clic su Avanti.

scegliere un modello di alimentazione

Dopo aver importato un modello, è possibile utilizzare l'editor live per personalizzare ulteriormente il design.

Da questo editor è possibile modificare il layout, l'intestazione, il design dei pulsanti, la dimensione dei caratteri, la combinazione di colori e altro ancora.

Vi illustrerò alcune opzioni interessanti per farvi capire come funziona.

editor di feed live twitter

Iniziamo cambiando il layout dei tweet.

Per iniziare, aprire l'opzione Layout di alimentazione da sinistra.

opzione di layout del feed twitter

Dopo aver fatto ciò, il pannello a sinistra mostrerà ulteriori opzioni di personalizzazione.

Per quanto riguarda il layout, potete scegliere tra 3 diversi layout per il vostro feed:

  • Elenco: Visualizza il tuo profilo Twitter in un'unica colonna come nel sito ufficiale.
  • Muratura: Utilizzate righe e colonne per visualizzare tonnellate di tweet in una volta sola.
  • Carosello: Incorpora i tweet sul tuo sito come slideshow interattivo

Scegliere il layout e fare clic su Salva per confermare le modifiche.

scegliere un layout di feed twitter

Da qui è possibile modificare anche altre opzioni di layout, come il numero di righe e colonne. Ricordarsi di salvare le modifiche una volta terminate.

Per continuare, potete fare clic su Personalizza.

torna alle opzioni di personalizzazione di twitter

Ora che abbiamo impostato il layout, vi mostrerò come personalizzare i colori.

Dal pannello a sinistra, selezionare l'opzione Schema di colore .

opzione schema colori twitter feed pro

Per cambiare rapidamente i colori, è possibile selezionare la combinazione di colori che si preferisce:

  • Ereditare dal tema: Copia i colori del sito web Oxygen
  • Luce: Sfondo chiaro con carattere scuro
  • Scuro: sfondo scuro e carattere chiaro
  • Personalizzato: Scegliere manualmente i colori

Come in precedenza, ricordarsi di salvare le modifiche una volta terminata l'impostazione dei colori.

scegliere la combinazione di colori di twitter

È possibile utilizzare le opzioni rimanenti per personalizzare il feed di Twitter in dettaglio. Come potete vedere, l'editor live è piuttosto facile da usare e potete facilmente tenere traccia di tutte le vostre modifiche.

Una volta salvato il progetto, è il momento di passare alla fase finale.

Passo 5: incorporare il profilo Twitter in Oxygen Builder

È possibile iniziare a incorporare questo feed di Twitter facendo clic sul pulsante Embed in alto.

incorporare il feed di twitter

Si apre un popup con tutte le opzioni di incorporamento dei feed di Twitter. Da qui è possibile aggiungere il feed alla pagina, alla barra laterale o al piè di pagina.

Per Oxygen Builder, invece, è possibile fare clic su Copia.

copiare lo shortcode del feed di Twitter

Se c'è una pagina specifica di Oxygen Builder in cui si desidera il feed di Twitter, è possibile aprirla ora.

Per utilizzare invece una nuova pagina, aprire il menu Pagine " Aggiungi nuovo dall'area della dashboard.

Quindi cliccare su Modifica modello per aprire la pagina in Oxygen Builder.

modifica della pagina in oxygen buildera

Per aggiungere contenuti a questa pagina, è possibile fare clic sull'icona più (+) nell'angolo in alto a sinistra.

aggiungere un nuovo elemento al costruttore di ossigeno

Dopo aver fatto clic su di esso, apparirà un nuovo pannello con una barra di ricerca.

Basta digitare "shortcode" nella barra, quindi fare clic sul blocco Shortcode sottostante.

Ora, cercate il campo Full Shortcode e incollate il vostro shortcode di prima.

Una volta fatto ciò, Twitter Feed Pro incorporerà automaticamente il profilo Twitter in questa pagina.

aggiungere lo shortcode di youtube all'ossigeno

Sentitevi liberi di aggiungere qualsiasi altro contenuto a questa pagina. Oxygen Builder è molto facile da usare e si possono fare molte cose senza toccare una sola riga di codice.

Una volta soddisfatti dell'aspetto, è possibile pubblicarlo, in modo che i visitatori possano controllare i tweet.

esempio di feed twitter sul sito web divi

Ora avete un profilo Twitter sul vostro sito web di Oxygen Builder. Mostrando tweet pertinenti, si può mantenere l'interesse dei visitatori e allo stesso tempo far crescere la propria presenza sui social media.

Inoltre, è possibile utilizzare il plugin per incorporare recensioni positive di prodotti, mostrare contenuti creati dagli utenti e altro ancora. Come potete vedere, Twitter Feed Pro può essere un'ottima aggiunta al vostro kit di strumenti di social media marketing.

Per provarlo personalmente, potete acquistare la vostra copia di Twitter Feed Pro qui.

Se volete ottenere di più da Twitter, potete consultare il nostro elenco dei migliori strumenti di marketing per Twitter.

Altre guide ed esercitazioni sui social media

avatar dell'autore
Sajjan Sharma Scrittore senior
Sajjan scrive di WordPress, social media marketing e aziende online da oltre 10 anni. I suoi interessi professionali si estendono all'influencer marketing, alla content curation e alle strategie di marketing digitale.

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.