Importa e archivia i tuoi tweet con WordPress

Cosa starai creando

In questo tutorial, ti guiderò attraverso l'installazione, la configurazione e la personalizzazione di un plugin gratuito per l'archivio di Twitter open source e il relativo tema WordPress che lo accompagna.

Perché archiviare i tuoi tweet?

Google ha avuto una partnership di ricerca con Twitter, ma dopo la scadenza ha lasciato un po 'al caso la rilevabilità del tuo archivio tweet. Inoltre, il traffico dei motori di ricerca su Twitter.com non crea il ranking del motore di ricerca del tuo sito web né ti aiuta a guadagnare entrate.

Sviluppatore Ozh Richard ha creato un plugin per WordPress che archivierà automaticamente i tuoi tweet sul tuo blog WordPress. Richard ha anche creato un tema WordPress solo per il tuo archivio Twitter. È anche il creatore di poche altre cose interessanti tra cui YOURLS (di cui ho scritto un prossimo tutorial su: controlla la mia pagina di istruttore). 

L'esecuzione di un sito WordPress nel tuo archivio Twitter consente a Google di indicizzare più facilmente i tuoi tweet, di acquisire più traffico di ricerca e di aggiungerli al ranking dei motori di ricerca e al potenziale flusso di entrate. In teoria, potresti essere in grado di guadagnare entrate dalla pubblicità su queste pagine o di impegnarsi in discussioni con i lettori che postano commenti. Può anche portare le discussioni nativamente su Twitter dal traffico web di Google.

Installazione di WordPress

È possibile utilizzare qualsiasi server LAMP o istanza cloud che si desidera installare WordPress. Sto usando Digital Ocean perché è economico e offre unità SSD veloci per l'hosting. Puoi trovare la mia guida visiva per installare WordPress in Digital Ocean qui.

Una volta che WordPress è stato completamente installato e configurato con il tuo dominio Twitter Archive, puoi continuare qui sotto. Puoi anche sperimentare aggiungendo il plugin di Twitter Archive a un sito WordPress esistente, anche se questo probabilmente genererà molti post, molti dei tweet che puntano al tuo sito stesso.

Installazione del tema dell'archivio Tweet

Poiché il tema di Tweet Archiver è ospitato su un repository Github pubblico, ho effettuato l'accesso al mio server e l'ho acquisito e decompresso (/ Var / www / tweets è la directory della mia installazione di WordPress per il mio archivio Twitter):

cd / var / www / tweets / wp-content / themes wget https://github.com/ozh/ozh-tweet-archive-theme/archive/master.zip unzip master.zip rm master.zip mv ozh-tweet- archive-theme-master / tweetarchive

Nota: un'altra alternativa all'approccio che sto utilizzando sarebbe quella di creare il tuo repository locale del tema e apportare modifiche prima di inviarle al tuo server.

Quindi, visita il Dashboard Aspetto> Temi menu e fare clic Attivare oltre al Tweet Archiver tema:

Sfortunatamente, il tema deve essere personalizzato manualmente; non esiste un'interfaccia per dashboard WordPress per la personalizzazione. 

Utilizzare il Aspetto> Editor e scegli il header.php file da modificare:

Dovrai apportare modifiche a qualsiasi link HTML e campi di testo al tuo account Twitter e alle pagine correlate. Non è possibile sostituire a livello globale su "ozh" perché è usato come prefisso per molte funzioni di plugin.

Ci sono due blocchi che devono essere modificati in header.php:

  • Ozh @ozh
  • tweets
  • a seguire
  • seguaci
  • elencato

Ecco il secondo:

 
  • Jeff Reifman
  • @reifman
  • @newscloud
  • Jeff Reifman
  • Seattle, Wa.
  • jeffreifman.com
  • lookahead.io

Salva le modifiche quando hai apportato le tue modifiche.

Installazione del plug-in di Archiver Tweet

Aggiungi il plugin

Ora, possiamo installare il plugin Tweet Archiver stesso:

Vai a Plugin> Aggiungi nuovo, e cerca tweet archiver:

Clic Installare e attivalo. Ti verrà chiesto di configurare le sue impostazioni, ma prima dobbiamo creare un'applicazione Twitter per ottenere le chiavi API per il nostro account Twitter.

Crea un'applicazione su Twitter

Visita il gestore di applicazioni di Twitter per registrare una nuova applicazione:

Clic Crea una nuova app e fornire l'URL per il tuo archivio di WordPress su Twitter:

Visita le chiavi e accedi alla scheda dei token per copiare la chiave del consumatore e il segreto del consumatore per la tua applicazione Twitter:

Ora, incolla questi nelle impostazioni del plugin:

Per ora, puoi lasciare le impostazioni estese del plug-in come predefinite:

Salva le modifiche.

Il Tweet Archiver in funzione

Il plugin inizierà immediatamente a scaricare il tuo archivio Tweet:

Personalizza il profilo e le immagini di sfondo

Ci sono un paio di aggiustamenti che dobbiamo fare. Abbiamo bisogno di caricare una nuova immagine del profilo e un'immagine di sfondo e sostituire i link a questi nel nostro foglio di stile (style.css). 

Crea un'immagine di profilo quadrata di 256 x 256 pixel. Carica questo utilizzando la libreria multimediale. Annotare l'URL assoluto e sostituirlo img / new-profile.jpg nel seguente foglio di stile con il link alla nuova immagine del profilo. Uso Aspetto> Editor> Foglio di stile per modificare il file:

#user .avatar width: 200px; height: 200px; background-image: url (img / new-profile.jpg); formato di sfondo: 100% 100%; border-radius: 10px; margin: 8px; padding: 8px; blocco di visualizzazione;  

Inoltre, creare un'immagine di sfondo più grande di 1500 x 500 pixel e caricarla nella libreria multimediale. Prendi nota dell'URL assoluto di questa immagine e sostituiscila nel file style.css nelle due posizioni in cui si trova #intestazione l'impostazione dello sfondo appare:

/ * Struttura, base, senza stile ------------------------------------------- ---- * / #header background: transparent url (http://twitter.jeffreifman.com/wp-content/uploads/2014/11/background.jpg) right -100px no-repeat; dimensione dello sfondo: 100% auto; width: 100%; altezza: 250px;  ... / * Stili di risposta -------------------------------------------- --- * / # tiny-name display: none; @media all e (max-width: 1068px) #header background: url ("http://twitter.jeffreifman.com/wp-content/uploads /2014/11/background.jpg ") no-repeat -220px center; 

In alternativa, è possibile sostituire questi file sul server direttamente tramite FTP o SCP.

Puoi vedere il mio sito in diretta su http://twitter.jeffreifman.com. Una volta completate le modifiche, il tuo sito apparirà in questo modo:

Ogni post creato dall'archivio tweet è solo un singolo post WordPress:

Mi piace molto il modo in cui il tagging WordPress migliora il mio archivio Twitter:

Ottimizzazione del motore di ricerca

Ora che il nostro sito alimenta contenuti da Twitter, dobbiamo ottimizzarlo per i motori di ricerca. Raccomando di installare i plug-in Yoast SEO e Yoast di Google Analytics. 

Dovrai aggiungere un nuovo sito web al pannello di controllo di Google Analytics e incollare la stringa personalizzata (ad esempio UA-xxxxxxxx-xx) nel plug-in Yoast di Google Analytics. 

Una volta completato, puoi verificare il tuo sito dalla dashboard SEO Yoast; questo a sua volta registrerà e verificherà il tuo sito con Strumenti per i Webmaster di Google.

Yoast SEO genererà file Sitemap che Google indicizzerà regolarmente. Assicurati di inviare la tua Sitemap a Strumenti per i Webmaster di Google, ad es. http://yourarchivedomain.com/sitemap_index.xml. 

Presto vedrai aumentare il traffico web sul tuo sito Twitter, traffico che altrimenti sarebbe andato su Twitter.com.

Se desideri saperne di più su come l'API di Twitter utilizza in generale l'API di Twitter in generale, consulta la nostra serie Tuts + su Building with the API di Twitter. Puoi anche controllare il codice di questo plugin sotto Plugin> Editor> ozh-tweet-archiver / inc / import.php.

Potresti anche voler controllare una serie che sto attualmente scrivendo per Tuts + su social network open source. La funzionalità di questo plugin ha una certa rilevanza per lo sforzo generale di social networking open source, in quanto fornisce un modo per migrare i tuoi Tweet su un sito WordPress. Puoi trovare questa serie e i miei altri Tuts + tutorial sulla mia pagina di istruttore o seguirmi su Twitter @reifman. Si prega di inviare commenti, correzioni o idee aggiuntive di seguito. Apprezzo il tuo contributo.

Link correlati

  • Tema WordPress per l'archivio Twitter
  • Tweet Archiver WordPress Plugin
  • Tweet Archiver and Theme Developer Ozh Richard
  • Costruire con l'API di Twitter (Tuts + Series)