Come aggiungere i feed di Twitter su WordPress
Vi darò quindi una rapida panoramica del plugin Custom Twitter Feeds Pro per WordPress e vi mostrerò alcune delle cose che può fare.
Collegamento dell'account Twitter
Quindi installerò il plugin e andrò nel menu Twitter Feeds qui a sinistra. Tutto quello che dovete fare per configurare il plugin è ottenere un token di accesso e un segreto da Twitter.
Per farlo, è sufficiente fare clic sul pulsante di accesso qui.Â
Accedete al vostro account Twitter e autorizzate il plugin a leggere i vostri dati, che vi invierà il vostro Twitter Access Token e Secret.
E se avete impostato un'app per sviluppatori di Twitter, potete utilizzare le informazioni della vostra app selezionando questa casella.
Selezione del tipo di feed di Twitter
Ora dovete solo decidere che tipo di tweet volete visualizzare. Ora è possibile:Â
- Visualizzate i tweet di qualsiasi account Twitter inserendo semplicemente il nome dello schermo.Â
- Aggiungete più di un account Twitter se volete combinare i feed.
- Visualizzare un feed di hashtag da 1 hashtag o da più hashtag.
È inoltre possibile creare ricerche che visualizzano i tweet in base a una serie specifica di criteri e termini di ricerca.
Ad esempio, si possono utilizzare parole, frasi o menzioni di base. Oppure potete essere più specifici e mostrare solo i tweet che contengono una frase specifica e un'immagine.
E potete trovare un elenco completo di tutte le opzioni di ricerca disponibili sul nostro sito web.
Potete anche scegliere di visualizzare i tweet della vostra timeline o solo quelli che vi menzionano.Â
Se si desidera combinare diversi tipi di feed in un unico feed, ad esempio combinando la timeline di un utente e il feed degli hashtag, è sufficiente seguire le indicazioni riportate qui per farlo.
Per ora, mi limiterò a visualizzare i tweet di uno dei nostri account Twitter di account Twitter di Smash Balloon.
Anteprima del feed di Twitter
Quindi posso personalizzare il feed subito o prendere lo shortcode personalizzato per il feed di Twitter e copiarlo e incollarlo in qualsiasi post, pagina o widget in cui voglio che il feed venga visualizzato.
Quindi, se visualizzo la pagina, vedrete che il feed di Twitter viene visualizzato. Il feed viene visualizzato in 1 colonna.Â
Ma come vedrete tra poco, quando passerò in rassegna le impostazioni di personalizzazione, ogni parte del feed è completamente personalizzabile, dal tipo di contenuto visualizzato al layout e allo stile di tutti gli elementi.Â
Vedrete che è possibile visualizzare più foto in un tweet e se condivido un link, il plugin recupera dinamicamente le meta-informazioni di quell'URL e crea un link visivo alla scheda di Twitter.
Se faccio clic su una foto o un video, si apre una lightbox popup e posso scorrere ogni elemento.Â
È presente il supporto completo per i video HTML5 e per i servizi di terze parti come YouTube, Vimeo, Vine e Soundcloud.
E nella parte inferiore di ogni lightbox, vedrete che ci sono altre informazioni. È possibile condividere il tweet su vari social network o visualizzarlo direttamente su Twitter.
Posso anche scegliere di rispondere, retwittare o mettere "mi piace" al tweet senza lasciare il mio sito.Â
Il feed è inoltre completamente reattivo e si adatta alle dimensioni dello schermo. È completamente compatibile con il touchscreen e funziona su tutti i diversi dispositivi mobili.
Quindi, se torno alla pagina delle impostazioni del plugin, posso mostrarvi quanto sia facile personalizzarlo.
Personalizzazione del feed di Twitter
Per prima cosa aggiungerò alcuni account utente diversi e imposterò il numero di tweet a 50. Poi andrò alla pagina di personalizzazione e modificherò alcune cose. Poi andrò alla pagina di personalizzazione e modificherò alcune cose.
Ci sono quindi alcune impostazioni di base per controllare la larghezza e l'altezza del feed. Ora posso:Â
- Scegliere quali parti dei tweet devono essere visualizzati
- Scegliere se mostrare l'intestazione e il pulsante di caricamento.
- Visualizzare i tweet in un carosello rotante
- Selezionare il numero di colonne del carosello e le altre opzioni di personalizzazione.Â
- Visualizzare il feed in più colonne e selezionare il numero di colonne da utilizzare sui dispositivi desktop o mobili.
- Selezionare per caricare automaticamente altri tweet quando si scorre in fondo al feed.
Posso anche scegliere di filtrare i tweet nel mio feed. È possibile scegliere di mostrare solo i tweet che contengono determinate parole o hashtag, oppure di rimuovere tutti i tweet che contengono parole o hashtag specifici.
In questo modo si ha un maggiore controllo sui tweet visualizzati e si può moderare automaticamente il feed in anticipo per bloccare parole, hashtag o frasi specifiche.
Si può anche scegliere di nascondere specifici tweet nel feed, se necessario, e ci sono anche alcune sezioni per personalizzare CSS e JavaScript.
Se passiamo alla scheda Stile, ci sono alcune opzioni che consentono di modellare le varie parti del feed. È possibile:Â
- Impostare i colori di sfondo
- Personalizzare l'intestazione e impostare il testo personalizzato da utilizzare
- Formattare completamente la data scegliendo una delle nostre opzioni integrate
- Utilizzate il vostro formato di data personalizzato
- Tradurre le stringhe di testo utilizzate nella data.
- Personalizzare l'autore e il testo del tweet
- Tradurre le stringhe di testo utilizzate dal plugin.
- Disattivare i link nel tweet
- Collegate l'intero testo del tweet al post su Twitter.
- Stile delle opzioni di risposta, retweet e mi piace in fondo a ogni post
- Modificare il testo utilizzato nel link di Twitter
- Scegliete i colori utilizzati nel pulsante Carica altro
- Modificare o tradurre il testo del pulsante
Se salvo le modifiche e torno a visualizzare il feed, si può vedere che le personalizzazioni sono state applicate.Â
Così abbiamo i tweet di tutti e 3 gli account Twitter visualizzati in un layout a tre colonne.Â
E se scorro verso il basso, vedrete che altri tweet vengono caricati automaticamente quando raggiungo la parte inferiore del feed.Â
Inoltre, il layout in muratura è completamente reattivo e si trasforma in una colonna sui dispositivi mobili.
Utilizzo degli shortcode personalizzati
Un'altra grande caratteristica del plugin è la possibilità di visualizzare più feed diversi sulla stessa pagina o su tutto il sito e di applicare impostazioni uniche a ciascun feed.
Per impostazione predefinita, i feed utilizzeranno le impostazioni delle schede Configura, Personalizza e Stile del plugin. Ma è possibile sovrascriverle utilizzando le pratiche opzioni shortcode del plugin.
È possibile aggiungere un'impostazione allo shortcode direttamente e sovrascrivere l'impostazione per quel feed specifico.Â
Quindi, se vado alla pagina dei widget di WordPress, posso usare il widget integrato di widget personalizzato per i feed di Twittere lo shortcode predefinito viene aggiunto automaticamente. Per impostazione predefinita, questo visualizzerà le impostazioni della pagina delle impostazioni del plugin, ma è possibile sovrascriverle utilizzando alcune opzioni del codice breve.
Incollerò quindi uno shortcode che ho già preparato, e questo lo farà :
- Visualizzare i tweet di entrambi i nickname "Twins" e l'hashtag "#MNTwins" nello stesso feed.
- Impostare il numero di tweet a 5
- Disabilitato il layout delle colonne in muratura
- Abilitato il carosello e l'impostazione autoplay
- Scelta per mostrare l'intestazione
- Esclusi i media e le schede Twitter
- Impostare il colore di sfondo in grigio chiaro.
Aggiungerò un secondo feed e questo lo farà :Â
- Utilizzare alcuni parametri di ricerca per mostrare solo i tweet contenenti la parola "tramonto".
- Mostra solo i tweet che contengono contenuti multimediali, come foto e video.
- Disattivare nuovamente il layout in muratura
- Impostare il testo dell'intestazione come "Tramonti".
- Impostare l'altezza a 400 pixel
- Impostare il numero di tweet a 5.
Quindi, se visualizziamo nuovamente la pagina, noteremo che sono stati aggiunti due nuovi feed. Il feed superiore mostra un carosello di tweet provenienti da entrambi, dall'account "Twins" e dall'hashtag "#MNTwins".Â
Potrei semplicemente scorrere i tweet e caricarne altri alla fine. Esclude i media e le schede di Twitter e ha un colore di sfondo grigio chiaro.Â
Il secondo feed è costituito da tweet contenenti la parola "tramonto" che contengono anche un'immagine o un video. Come si può notare, al feed è stata aggiunta un'altezza di 400 pixel, quindi è stata aggiunta automaticamente una barra di scorrimento.Â
Scorrendo verso il fondo, si può notare che vengono caricati automaticamente altri tweet.
Speriamo che questo vi dia un'idea di quanto sia versatile e personalizzabile questo plugin e che vi abbia mostrato alcune delle cose che potete fare con esso.
Assicuratevi di provare il vostro nome utente, hashtag o termini di ricerca nella demo sul nostro sito web. sul nostro sito web.
E se avete domande, potete contattarci tramite il nostro sito web, pagina Facebooko utilizzando @SmashBalloon su Twitter.