Importați și arhivați dvs. Tweets cu WordPress

Ce veți crea

În acest tutorial, vă voi îndruma prin instalarea, configurarea și personalizarea unui plugin gratuit, open source Twitter Archive și temei WordPress însoțitor.

De ce arhivați dvs. Tweets?

Google a avut o dată un parteneriat de căutare cu Twitter, dar după ce a expirat aceasta a lăsat descoperirea arhivelor dvs. tweet un pic la întâmplare. Mai mult, traficul motorului de căutare către Twitter.com nu construiește clasarea motorului dvs. de căutare sau vă ajută să obțineți venituri.

Programatorul Ozh Richard a construit un plugin WordPress, care va arhiva automat mesajele dvs. tweets pe blogul dvs. WordPress. De asemenea, Richard a creat o temă WordPress doar pentru arhiva dvs. Twitter. El este, de asemenea, creatorul a câtorva alte lucruri interesante, inclusiv YOURLS (pe care l-am scris despre un tutorial viitoare - verificați pagina de instructor). 

Rularea unui site WordPress al arhivei Twitter vă permite să vă indexați mai ușor mesajele tweet, să capturați mai mult trafic de căutare și să adăugați la clasamentul motorului dvs. de căutare și fluxul potențial de venituri. Teoretic, este posibil să puteți obține venituri din publicitate pe aceste pagini sau să participați la discuții cu cititorii care postează comentarii. Poate, de asemenea, să conducă discuții înapoi la Twitter din traficul web Google.

Instalarea WordPress

Puteți utiliza orice server LAMP sau instanță cloud pe care doriți să instalați WordPress. Eu folosesc Oceanul Digital pentru că este ieftin și oferă unități SSD rapide pentru găzduire. Puteți găsi ghidul meu vizual pentru a instala WordPress la Digital Ocean aici.

După ce ați instalat WordPress complet și ați configurat domeniul dvs. Twitter, puteți continua mai jos. Puteți, de asemenea, să experimentați adăugarea pluginului Twitter Archive la un site WordPress existent, deși acest lucru va genera probabil o mulțime de postări, multe dintre mesajele tweets indicând site-ul dvs..

Instalarea temei Archiver Tweet

Deoarece tema Tweet Archiver este găzduită într-un depozit public Github, m-am logat pe serverul meu și l-am capturat și l-am dezarhivat acolo (/ Var / www / tweets este directorul instalării mele WordPress pentru arhiva mea Twitter):

cd / var / www / tweets / wp-content / teme wget https://github.com/ozh/ozh-tweet-archive-theme/archive/master.zip unzip master.zip rm master.zip mv ozh-tweet- arhivă-temă-maestru / tweet-arhivă

Notă: O altă alternativă la abordarea pe care o folosesc ar fi să creezi propriul depozit local al temei și să faci modificări înainte de a le împinge pe serverul tău.

Apoi, vizitați tabloul de bord Aspect> Teme meniu și faceți clic pe Activati lângă Tweet Archiver temă:

Din păcate, tema trebuie să fie personalizată manual; nu există o interfață tabloul de bord pentru WordPress pentru personalizarea acesteia. 

Folosește Aspect> Editor și alegeți header.php fișier pentru a edita:

Veți dori să faceți modificări oricăror legături HTML și câmpuri de text în propriul dvs. cont de Twitter și pagini similare. Nu puteți înlocui globale pe "ozh" deoarece este folosit ca prefix pentru multe funcții de plugin.

Există două blocuri care trebuie editate în header.php:

  • Ozh @ ozh
  • tweeturi
  • ca urmare a
  • adepți
  • enumerate

Iată al doilea:

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

Salvați modificările atunci când ați făcut modificările.

Instalarea pluginului de arhivare Tweet

Adăugați pluginul

Acum, putem instala pluginul Tweet Archiver în sine:

Mergi la Plugin-uri> Adăugați noi, și de căutare pentru tweet archiver:

Clic Instalare și activați-l. Vi se va solicita să configurați setările, dar mai întâi trebuie să creați o aplicație Twitter pentru a obține chei API pentru contul nostru Twitter.

Creați o aplicație pe Twitter

Vizitați Managerul de aplicații Twitter pentru a înregistra o nouă aplicație:

Clic Creați aplicația nouă și furnizați adresa URL a arhivei dvs. WordPress Twitter:

Accesați cheile și fila de accesare a jetoanelor pentru a copia cheia de consum și secretul de consum pentru aplicația Twitter:

Acum, inserați-le în setările pluginului:

Deocamdată, puteți lăsa setările pluginului extins ca valori prestabilite:

Salvați modificările.

Arhivatorul de știri în operare

Plugin-ul va începe imediat descărcarea arhivei dvs. Tweet:

Personalizați imaginile de profil și de fundal

Există încă câteva ajustări pe care trebuie să le facem. Trebuie să încărcați o nouă imagine de profil și o imagine de fundal și să înlocuiți linkurile cu acestea în propria noastră pagină de stil (stil.css). 

Creați o imagine de profil pătrată de 256 x 256 pixeli. Încărcați utilizând biblioteca media. Notați adresa URL absolută și înlocuiți-o img / new-profile.jpg în foaia de stil de mai jos, cu link-ul către noua imagine de profil. Utilizare Aspect> Editor> Foaie de stil pentru a edita fișierul:

#user .avatar lățime: 200px; height: 200px; Imagine de fundal: url (img / new-profile.jpg); dimensiunea fundalului: 100% 100%; border-radius: 10px; Marja: 8px; padding: 8px; display: block;  

De asemenea, creați o imagine de fundal mai mare de 1500 x 500 pixeli și încărcați-o în biblioteca media. Faceți o notă a adresei URL absolute pentru această imagine și o înlocuiți în fișierul style.css în cele două locuri unde #antet setarea de fundal apare:

/ * Structura, de bază, unstyled ------------------------------------------- ---- * / #header background: adresa URL transparentă (http://twitter.jeffreifman.com/wp-content/uploads/2014/11/background.jpg) right -100px no-repeat; dimensiune de fundal: 100% auto; lățime: 100%; height: 250px;  ... / * Stiluri responsabile -------------------------------------------- --- * / # tiny-name display: none; @media all și (max-width: 1068px) #header background: url ("http://twitter.jeffreifman.com/wp-content/uploads /2014/11/background.jpg ") nu-repeta -220px centru; 

Alternativ, puteți înlocui aceste fișiere pe server direct prin FTP sau SCP.

Puteți vedea site-ul meu live la http://twitter.jeffreifman.com. După ce ați terminat modificările, site-ul dvs. va apărea astfel:

Fiecare post creat de tweet archiver este doar un post WordPress individual:

Îmi place foarte mult modul în care etichetarea WordPress mărește arhiva Twitter:

Optimizare motor de căutare

Acum că site-ul nostru hrănește conținut de pe Twitter, trebuie să îl optimizăm pentru motoarele de căutare. Vă recomandăm să instalați pluginurile Yoast SEO și Yoast Google Analytics. 

Va trebui să adăugați un nou site web în tabloul de bord Google Analytics și să inserați șirul personalizat (de exemplu, UA-xxxxxxxx-xx) în pluginul Yoast Google Analytics. 

După finalizare, puteți verifica site-ul dvs. din tabloul de bord SEO Yoast; acest lucru, la rândul său, vă va înregistra și verifica site-ul cu Instrumentele Google pentru webmasteri.

Yoast SEO va genera fișiere Sitemap pe care Google le va indexa periodic. Asigurați-vă că trimiteți sitemap-ul dvs. la Instrumentele Google pentru webmasteri, de ex. http://yourarchivedomain.com/sitemap_index.xml. 

În curând, veți vedea că traficul de pe web crește pe site-ul dvs. de trafic Twitter, care altfel ar fi trecut pe Twitter.com.

Dacă doriți să aflați mai multe despre modul în care Tweet Archiver folosește API-ul Twitter în general, consultați seria Tuts + pe tema Construirea cu API-ul Twitter. De asemenea, puteți inspecta codul acestui plugin Plugin-uri> Editor> ozh-tweet-archiver / inc / import.php.

Ați putea dori, de asemenea, să verificați o serie pe care o scriu în prezent pentru Tuts + pe rețele sociale de tip open source. Funcționalitatea acestui plugin are o anumită relevanță pentru efortul general de rețea socială open source, deoarece oferă o modalitate de a migra Tweets la un site WordPress. Puteți găsi această serie și alte tutoriale Tuts + pe pagina mea de instructor sau urmați-mă pe Twitter @reifman. Vă rugăm să postați comentariile, corecțiile sau ideile suplimentare de mai jos. Vă urez bun venit.

Link-uri conexe

  • Tema WordPress pentru Arhiva Twitter
  • Tweet Arhivă Plugin WordPress
  • Tweet Arhivator și Tema dezvoltator Ozh Richard
  • Clădire cu Twitter API (Tuts + Series)
Cod