Share
Wat je gaat creërenIn deze tutorial zal ik je helpen met het installeren, configureren en aanpassen van een gratis, open source Twitter Archive-plug-in en het bijbehorende WordPress-thema.
Google had ooit een zoekpartnerschap met Twitter, maar daarna verliep de vindbaarheid van je tweet-archief een beetje aan het toeval. Bovendien, zoekmachine verkeer naar Twitter.com bouwt niet uw website zoekmachine ranking of helpen u inkomsten te genereren.
Ontwikkelaar Ozh Richard heeft een WordPress-plug-in gebouwd die je tweets automatisch archiveert naar je WordPress-blog. Richard heeft ook een WordPress-thema gemaakt speciaal voor je Twitter-archief. Hij is ook de maker van een paar andere interessante dingen, waaronder YOURLS (waar ik een aankomende tutorial over heb geschreven - bekijk mijn instructeurspagina).
Door een WordPress-site van uw Twitter-archief te gebruiken, kan Google uw tweets eenvoudiger indexeren, meer zoekverkeer vastleggen en toevoegen aan uw zoekmachine ranking en potentiële inkomstenstroom. In theorie kunt u op deze pagina's mogelijk inkomsten genereren met advertenties, of discussiëren met lezers die opmerkingen plaatsen. Het kan ook discussies van nature terug naar Twitter brengen via Google-webverkeer.
U kunt elke LAMP-server of cloudinstantie gebruiken die u WordPress wilt installeren. Ik gebruik Digital Ocean omdat het goedkoop is en snelle SSD-schijven biedt voor hosting. Je kunt mijn visuele gids hier vinden voor het installeren van WordPress bij Digital Ocean.
Zodra u WordPress volledig hebt geïnstalleerd en geconfigureerd met uw Twitter Archive-domein, kunt u hieronder verder gaan. U kunt ook experimenteren met het toevoegen van de Twitter Archive-plug-in aan een bestaande WordPress-site, hoewel dit waarschijnlijk veel berichten zal genereren, veel van de tweets wijzen naar uw site zelf.
Omdat het thema van Tweet Archiver wordt gehost op een openbare Github-repository, heb ik me aangemeld bij mijn server en daar vastgelegd en uitgepakt (/ Var / www / tweets is de map van mijn WordPress-installatie voor mijn Twitter-archief):
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
Opmerking: een ander alternatief voor de aanpak die ik gebruik, is om je eigen lokale repository van het thema te maken en wijzigingen aan te brengen voordat je ze naar je server pusht.
Bezoek dan de Dashboards Uiterlijk> Thema's menu en klik Activeren naast de Tweet Archiver thema:
Helaas moet het thema handmatig worden aangepast; er is geen WordPress-dashboardinterface om deze aan te passen.
Gebruik de Uiterlijk> Editor en kies de header.php bestand om te bewerken:
U wilt HTML-koppelingen en tekstvelden wijzigen in uw eigen Twitter-account en gerelateerde pagina's. U kunt global niet vervangen door "ozh" omdat het wordt gebruikt als een voorvoegsel voor veel plugin-functies.
Er zijn twee blokken die moeten worden bewerkt in header.php:
- Ozh @ozh
- tweets
- volgend op
- volgelingen
- opgesomd
Dit is de tweede:
- Jeff Reifman
- @reifman
- @newscloud
- Jeff Reifman
- Seattle, WA.
- jeffreifman.com
- lookahead.io
Sla de wijzigingen op wanneer u uw bewerkingen hebt doorgevoerd.
Nu kunnen we de Tweet Archiver-plug-in zelf installeren:
Ga naar Plug-ins> Voeg nieuw toe, en zoek naar tweet archiver:
Klik Installeren en activeer het. U wordt gevraagd om de instellingen te configureren, maar eerst moeten we een Twitter-applicatie maken om API-sleutels voor onze Twitter-account te krijgen.
Ga naar de applicatiebeheerder van Twitter om een nieuwe applicatie te registreren:
Klik Maak een nieuwe app en geef de URL op voor je WordPress Twitter-archief:
Ga naar de toetsen en het toegangstokokkensymbool om de consumentensleutel en het consumentengeheim voor uw Twitter-toepassing te kopiëren:
Plak deze nu in de plugin-instellingen:
Voor nu kunt u de uitgebreide plugin-instellingen als de standaardwaarden laten:
Sla de wijzigingen op.
De plug-in zal onmiddellijk beginnen met het downloaden van uw Tweet-archief:
Er zijn nog een aantal aanpassingen die we moeten doen. We moeten een nieuwe profielafbeelding en achtergrondafbeelding uploaden en de links naar deze in de stylesheet vervangen (style.css).
Maak een vierkante profielafbeelding van 256 x 256 pixels. Upload dit met behulp van de mediabibliotheek. Noteer de absolute URL en vervang deze img / new-profile.jpg in de stylesheet hieronder met de link naar uw nieuwe profielafbeelding. Gebruik Uiterlijk> Editor> Stylesheet om het bestand te bewerken:
#user .avatar width: 200px; Hoogte: 200px; achtergrondafbeelding: url (img / new-profile.jpg); achtergrondformaat: 100% 100%; border-radius: 10px; margin: 8px; padding: 8px; display: block;
Maak ook een grotere achtergrondafbeelding van 1500 x 500 pixels en upload deze naar de mediabibliotheek. Noteer de absolute URL van deze afbeelding en vervang deze in het bestand style.css op de twee plaatsen waar de #header achtergrondinstelling verschijnt:
Accentsconagua
/ * Structuur, standaard, unstyled ------------------------------------------- ---- * / #header background: transparent url (http://twitter.jeffreifman.com/wp-content/uploads/2014/11/background.jpg) right -100px no-repeat; achtergrondformaat: 100% automatisch; Breedte: 100%; hoogte: 250 pixels; ... / * Responsieve stijlen -------------------------------------------- --- * / # tiny-name display: none; @media all en (max-width: 1068px) #header background: url ("http://twitter.jeffreifman.com/wp-content/uploads /2014/11/background.jpg ") geen herhaling -220px midden; Als alternatief kunt u deze bestanden rechtstreeks op de server vervangen via FTP of SCP.
Je kunt mijn site live bekijken op http://twitter.jeffreifman.com. Zodra u de aanpassingen heeft voltooid, zal uw site er ongeveer zo uitzien:
Elke bericht gemaakt door de tweet archiver is slechts een individuele WordPress-post:
Ik hou echt van de manier waarop WordPress-tagging mijn Twitter-archief verbetert:
Nu onze site content van Twitter levert, moeten we deze voor zoekmachines optimaliseren. Ik raad aan de Yoast SEO en Yoast Google Analytics-plug-ins te installeren.
U moet een nieuwe website toevoegen aan uw Google Analytics-dashboard en de aangepaste tekenreeks (bijvoorbeeld UA-xxxxxxxx-xx) in de Yoast Google Analytics-plug-in plakken.
Eenmaal voltooid, kunt u uw site verifiëren via het Yoast SEO-dashboard; dit zal op zijn beurt uw site registreren en verifiëren met de Webmasterhulpprogramma's van Google.
Yoast SEO zal sitemapbestanden genereren die Google regelmatig zal indexeren. Zorg ervoor dat u uw sitemap indient bij Google Webmaster Tools, bijvoorbeeld http://yourarchivedomain.com/sitemap_index.xml.
Binnenkort zie je webverkeer opbouwen op je Twitter-site-verkeer dat anders naar Twitter.com zou zijn gegaan.
Als je meer wilt weten over hoe de Tweet Archiver de Twitter API in het algemeen gebruikt, bekijk dan onze Tuts + -serie over Bouwen met de Twitter API. U kunt ook de code van deze plug-in hieronder bekijken Plug-ins> Editor> ozh-tweet-archiver / inc / import.php.
Misschien wil je ook een serie bekijken die ik momenteel aan het schrijven ben voor Tuts + over open source sociale netwerken. De functionaliteit van deze plug-in is enigszins relevant voor de algemene opensource-inspanningen voor sociaal netwerken, omdat deze een manier biedt om uw tweets naar een WordPress-site te migreren. Je vindt deze serie en mijn andere Tuts + tutorials op mijn instructeurspagina of volg mij op Twitter @reifman. Plaats hieronder eventuele opmerkingen, correcties of aanvullende ideeën. Ik verwelkom uw inbreng.
