Slik legger du til Twitters offisielle Twitter-knapp i WordPress

Slik legger du til Twitters offisielle Twitter-knapp i WordPress / Guider

Tidligere i dag, kunngjorde Twitter sin offisielle Tweet Button som gjør nøyaktig samme ting som Tweetmeme knappene bortsett fra det er laget av twitter. Mange mennesker bytter allerede (dette inkluderer toppkorporasjoner og små bloggere som følger @wpbeginner på twitter) fordi denne knappen gir ekstra tilpasning pluss det har muligheten til å anbefale kontoen som følger. I denne artikkelen vil vi dele hvordan du kan legge til tweeters tweet-knapp i WordPress.

Denne koden kan installeres i single.php, loop.php, index.php, page.php, category.php og archive.php så lenge den er plassert i innleggsløyfen.

  kvitring 

Demo


kvitring

Prøv tweeting ved hjelp av knappen ovenfor.

Hvis du legger merke til i koden ovenfor, bruker vi datatributtet til ankermerke for å fortelle Twitter nøyaktig hva vi vil at den skal gjøre. Nedenfor er forklaringen på hva hver eiendom betyr:

  • data-url - Dette henter nettadressen du vil dele (Du trenger ikke å endre dette).
  • data via - Dette forteller twitter som var den opprinnelige diskanten ved å legge til via @wpbeginner (Pass på at du endrer den til twitter-kontoen din).
  • data-tekst - Dette henter tittelen på innlegget ditt (Du trenger ikke å endre dette).
  • data-relaterte - Dette legger til anbefalte brukere å følge. Du har lov til opptil to Twitter-kontoer for brukere å følge etter at de deler innhold fra nettstedet ditt. Disse kontoene kan inkludere din egen, eller en bidragsyter eller en partner. Den første kontoen er den som deles inn data via eiendom. (Pass på at du endrer den til en av de andre Twitter-kontoene dine, eller fjern den). Hvis du ikke gjør det, vil du anbefale @syedbalkhi (grunnlegger av WPBeginner). Det riktige formatet for å skrive inn data i denne variabelen er twitterusername: Beskrivelse av brukeren
  • data-telle - Dette forteller twitters script som hvilken knapp du vil vise. Du har tre alternativer (vertikal, horisontal, ingen).
  • data-lang - Denne variabelen forteller twitter hvilket språk det skal være i. Standardverdien er 'da' for engelsk, og vi har forlatt det ved det.

Vi anbefaler at brukerne bruker datatributtet til anker tagmetoden fordi det holder koden ren og kort. Selv om spørringsstrengparametere er en praktisk måte å dele siden din på, kan de gjøre ankermerket veldig lang, og en lang URL er vanskelig å vedlikeholde, spesielt når du må URL-kodeparametere. Nedenfor er spørringsmetoden for de som velger å bruke den:

 & Via = wpbeginner & telle = horisontal "> Tweet

Hvis du bare vil legge til en tweet-knapp på en statisk side, kan du bruke Twitter's Twitter Button Generator.

Takk til Otto for å varsle oss i kommentaren nedenfor at hans plugin, Simple Twitter Connect, støtter fullt ut den offisielle tweet-knappen.

Tilleggsressurser:

Supplerende dokumentasjon for Tweet Button