Share
Hva du skal skapeI denne veiledningen vil jeg veilede deg gjennom installasjonen, konfigurasjonen og tilpasningen av et gratis, åpen kildekode Twitter-arkivplugg og det tilhørende WordPress-temaet.
Google har en gang hatt et søknadspartnerskap med Twitter, men etter dette utløp, forlot det oppdaget av tweetarkivet litt til sjanse. Videre bygger søkemotortrafik til Twitter.com ikke nettstedet til søkemotoren din, eller hjelper deg med å tjene penger.
Utvikler Ozh Richard bygget et WordPress-plugin som automatisk arkiverer tweets til WordPress-bloggen din. Richard skapte også et WordPress-tema bare for ditt Twitter arkiv. Han er også skaperen av noen andre interessante ting, inkludert YOURLS (som jeg har skrevet en kommende opplæring om - sjekk min instruktørside).
Ved å kjøre et WordPress-område i Twitter-arkivet kan Google enkelt indeksere tweets, fange mer søketrafikk, og legge til søkemotorrangeringen og potensiell inntektsstrøm. Teoretisk sett kan du få inntekter fra annonsering på disse sidene, eller delta i diskusjoner med lesere som legger inn kommentarer. Det kan også føre diskusjoner innvendig tilbake til Twitter fra Google webtrafikk.
Du kan bruke hvilken som helst LAMP-server eller sky-instans du ønsker å installere WordPress. Jeg bruker Digital Ocean fordi det er billig og tilbyr raske SSD-stasjoner for hosting. Du finner min visuelle veiledning for å installere WordPress på Digital Ocean her.
Når du har WordPress fullstendig installert og konfigurert med Twitter Archive-domenet ditt, kan du fortsette nedenfor. Du kan også eksperimentere med å legge til Twitter Archive-pluginet til et eksisterende WordPress-nettsted, selv om dette vil sannsynligvis generere mange innlegg, mange av tweets som peker på selve nettstedet ditt.
Siden Tweet Archiver-temaet er vert på et offentlig Github-depot, loggte jeg på serveren min og fanget den og hentet den der (/ Var / www / tweets er katalogen av min WordPress installasjon for mitt Twitter arkiv):
cd / var / www / tweets / wp-innhold / temaer wget https://github.com/ozh/ozh-tweet-archive-theme/archive/master.zip unzip master.zip rm master.zip mv ozh-tweet- arkiv-tema-master / tweetarchive
Merk: Et annet alternativ til tilnærmingen jeg bruker ville være å lage ditt eget lokale arkiv av temaet og gjøre endringer før du trykker på dem på serveren din.
Deretter går du til oversikten Utseende> Temaer menyen og klikk Aktiver ved siden av Tweet Arkivering tema:
Dessverre må temaet tilpasses manuelt; Det er ikke et WordPress-dashbordgrensesnitt for å tilpasse det.
Bruke Utseende> Redaktør og velg header.php fil å redigere:
Du vil gjøre endringer i alle HTML-koblinger og tekstfelter til din egen Twitter-konto og relaterte sider. Du kan ikke global erstatte på "ozh" fordi den brukes som prefiks for mange plugin-funksjoner.
Det er to blokker som må redigeres i header.php:
- Ozh @ ozh
- tweets
- følgende
- etterfølgere
- oppført
Her er det andre:
- Jeff Reifman
- @reifman
- @newscloud
- Jeff Reifman
- Seattle, Wa.
- jeffreifman.com
- lookahead.io
Lagre endringene når du har gjort endringene dine.
Nå kan vi installere Tweet Archiver-pluginet selv:
Gå til Plugins> Legg til nytt, og søk etter tweet arkiver:
Klikk Installere og aktiver den. Du blir bedt om å konfigurere innstillingene, men først må vi opprette et Twitter-program for å få API-nøkler til vår Twitter-konto.
Gå til Twitters programbehandling for å registrere et nytt program:
Klikk Opprett ny app og gi URL-adressen til WordPress Twitter-arkivet ditt:
Gå til nøklene og få tilgang til tokens-fanen for å kopiere forbruksnøkkelen og forbrukerhemmeligheten for ditt Twitter-program:
Lim inn disse inn i plugininnstillingene:
For nå kan du forlate de utvidede plugininnstillingene som standardinnstillingene:
Lagre endringene.
Pluggen vil umiddelbart begynne å laste ned ditt Tweet arkiv:
Det er et par flere tilpasninger vi må gjøre. Vi må laste opp et nytt profilbilde og bakgrunnsbilde og erstatte linkene til disse til vår egen i stilarket (style.css).
Opprett et firkantet profilbilde på 256 x 256 piksler. Last opp dette ved hjelp av mediebiblioteket. Legg merke til den absolutte nettadressen og erstatt img / new-profile.jpg i stilarket under med lenken til ditt nye profilbilde. Bruk Utseende> Redaktør> Stylesheet å redigere filen:
#user .avatar width: 200px; høyde: 200px; bakgrunnsbilde: url (img / new-profile.jpg); bakgrunnsstørrelse: 100% 100%; border-radius: 10px; margin: 8 piksler; padding: 8 piksler; display: block;
Lag også et større bakgrunnsbilde på 1500 x 500 piksler og last opp dette til mediebiblioteket. Legg merke til den absolutte nettadressen til dette bildet og erstatt den i style.css-filen på de to stedene hvor #Overskrift bakgrunnsinnstillingen vises:
Accentsconagua
/ * Struktur, grunnleggende, ustylt ------------------------------------------- ---- * / #header background: transparent url (http://twitter.jeffreifman.com/wp-content/uploads/2014/11/background.jpg) right -100px no-repeat; bakgrunnsstørrelse: 100% automatisk; bredde: 100%; høyde: 250 px; ... / * Responsive Styles -------------------------------------------- --- * / # liten navn display: none; @media all og (maksimal bredde: 1068px) #header background: url ("http://twitter.jeffreifman.com/wp-content/uploads /2014/11/background.jpg ") no-repeat -220px center; Alternativt kan du erstatte disse filene på serveren direkte via FTP eller SCP.
Du kan se nettstedet mitt på http://twitter.jeffreifman.com. Når du har fullført endringene, vises nettstedet ditt slik som dette:
Hvert innlegg opprettet av tweet arkiver er bare et enkelt WordPress-innlegg:
Jeg liker virkelig måten WordPress-tagging forbedrer mitt Twitter arkiv:
Nå som nettstedet vårt mater innhold fra Twitter, må vi optimalisere det for søkemotorer. Jeg anbefaler å installere Google Analytics-pluginene for Yoast SEO og Yoast.
Du må legge til et nytt nettsted i Google Analytics-dashbordet og lime inn den egendefinerte strengen (for eksempel UA-xxxxxxxx-xx) i Google Analytics-plugin-programmet Yoast.
Når du er ferdig, kan du bekrefte nettstedet ditt fra Yoast SEO-dashbordet. Dette vil igjen registrere og verifisere nettstedet ditt med Googles verktøy for nettredaktører.
Yoast SEO vil generere sitemapfiler som Google regelmessig vil indeksere. Pass på å sende sitemap til Google Webmaster Tools, f.eks. http://yourarchivedomain.com/sitemap_index.xml.
Snart vil du se webtrafikk bygge opp på din Twitter-trafikk som ellers ville ha gått til Twitter.com.
Hvis du vil lære mer om hvordan Tweet Arkiver bruker Twitter API generelt, kan du se vår Tuts + -serie om Building med Twitter API. Du kan også inspisere denne pluginens kode under Plugins> Editor> ozh-tweet-arkiver / inc / import.php.
Du vil kanskje også sjekke ut en serie som jeg for øyeblikket skriver for Tuts + på open source sosiale nettverk. Funksjonaliteten til dette pluginet har noen relevans for den generelle open source sosiale nettverkstjenesten, da det gir en måte å overføre Tweets til et WordPress-nettsted. Du kan finne denne serien og mine andre Tuts + opplæringsprogrammer på min instruktørside, eller følg meg på Twitter @ reifman. Vennligst legg inn eventuelle kommentarer, rettelser eller flere ideer nedenfor. Jeg ønsker deg velkommen innspillet.
