SÄ hÀr lÀgger du till den officiella Twitter-följknappen i WordPress

SÄ hÀr lÀgger du till den officiella Twitter-följknappen i WordPress

Twitter utökar sina funktioner till ett större nÀt. Allt började med den officiella tweet-knappen, sedan Twitter Anywhere-plattformen och nyligen den nya officiella twitter-följknappen. Du undrar förmodligen vad i helvete Àr den hÀr twitter follow-knappen? Vad Àr annorlunda i Twitter-följknappen och den smarta följeknappen? Oroa dig inte, i den hÀr artikeln kommer vi att tÀcka vad som Àr twitter follow-knappen och hur du kan lÀgga till det pÄ din WordPress-webbplats.

Vad Àr Twitter Follow-knappen

Twitter-följeknappen Àr en liten widget som gör det möjligt för anvÀndare att enkelt följa ditt Twitter-konto (eller vilket Twitter-konto som helst) frÄn vilken webbplats som helst. Följ-knappen anvÀnder samma implementeringsmodell som den officiella tweet-knappen, och det Àr vÀldigt enkelt att integrera. Du kan se demonstrationen av följknappen i det övre vÀnstra hörnet pÄ bilden nedan. NÀr du klickar pÄ följ-knappen öppnas ett fönster med mer information om anvÀndaren.

Du undrar förmodligen hur det skiljer sig frÄn Smart Follow-knappen nedan?

Den smarta följeknappen krÀver att du gör hela Twitter Anywhere-integrationen. Det tillÄter dig inte heller att visa antalet följare eller göra nÄgon anpassning. Med Twitter-följeknappen kan du visa antalet, och det Àr vÀldigt enkelt att integrera. Kolla in liveexemplet nedan (glöm inte att klicka pÄ följ för att se vad det gör):

Följ @wpbeginner

SÄ hÀr lÀgger du till den officiella Twitter-följeknappen i WordPress

Du kan gÄ till sidan Följ-knappen och skapa en kod Ät dig. Eller sÄ kan du helt enkelt kopiera koden nedan:

<a href="http://twitter.com/wpbeginner" class="twitter-follow-button" data-show-count="true">Follow @wpbeginner</a>
<script src="https://platform.twitter.com/widgets.js" type="text/javascript"></script>

PS Se till att Àndra ditt anvÀndarnamn med ditt eget.

Om du anvÀnder den officiella tweet-knappen behöver du inte klistra in skriptet tvÄ gÄnger. SÄ din kod kommer att se ut sÄ hÀr:

<a href="http://twitter.com/wpbeginner" class="twitter-follow-button" data-show-count="true">Follow @wpbeginner</a>

Nu kan du klistra in koden var du vill i ditt WordPress-tema. De flesta kommer att lÀgga in sÄdan kod i sin fil. Men om du inte kÀnner dig bekvÀm med att redigera en temafil kan du ocksÄ anvÀnda WordPress-temawidgets. Alla bra teman kommer med widget-fÀrdiga sidofÀlt. SÄ allt du behöver göra Àr att gÄ till fliken Utseende »Widgets. LÀgg sedan till en textwidget i lÀmpligt sidofÀlt. Slutligen klistrar du in koden ovan sÄ Àr du klar. Titta pÄ exemplet nedan pÄ skÀrmdumpen:

Twitter Follow Button Widget

Det finns verkligen inget behov av att lÀgga till ett plugin för att göra nÄgot sÄ enkelt som detta.

Avancerad anpassning

Detta avsnitt Àr för designers och utvecklare som vill anpassa den hÀr knappen ytterligare för att matcha deras sajtens fÀrgschema etc. Med Twitter kan du anpassa knappfÀrg, textfÀrg, lÀnkfÀrg, sprÄk, widget och justering av plugin.

TillgÀngliga variabler i JavaScript-versionen som vi anvÀnder:

data-show-count (Sann eller falsk) dataknapp (blĂ„ eller grĂ„) data-text-fĂ€rg (hex-kod) data-lĂ€nk-fĂ€rg (hex-kod) data-lang (en, fr, de, es) – anvĂ€nder tvĂ„ bokstĂ€ver ISO-639-1 sprĂ„kkod data-bredd – ( 300px) datajustering – (höger)

Om du vill ange det i en kod skulle det se ut sÄ hÀr:


<a href="http://twitter.com/wpbeginner" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#ffa24f" data-show-count="true">Follow @wpbeginner</a>

Resurser:

Följ knappdokumentation
Följ Button Generator