Hoe Twitter de officiële Tweet-knop in WordPress toevoegen

Eerder vandaag kondigde Twitter hun officiële Tweet Button aan, die precies hetzelfde doet als de Tweetmeme-knoppen, behalve dat het gemaakt is door twitter. Veel mensen schakelen al over (dit zijn onder meer topbedrijven en kleine bloggers die @wpbeginner op twitter volgen), omdat deze knop extra aanpassingen biedt plus de optie om accountvolgorde aan te bevelen. In dit artikel zullen we vertellen hoe je de tweetknop van twitter in WordPress kunt toevoegen.

Deze code kan worden geïnstalleerd in single.php, loop.php, index.php, page.php, category.php en archive.php zolang deze binnen de post-lus wordt geplaatst.

  gekwetter 

demonstratie

gekwetter

Probeer te tweeten met behulp van de bovenstaande knop.

Als u merkt in de bovenstaande code, gebruiken we het data-attribuut van de ankertag om twitter precies te vertellen wat we willen dat het doet. Hieronder is de uitleg van wat elke eigenschap betekent:

• data-url - Hiermee wordt de URL opgehaald die u wilt delen (u hoeft dit niet te wijzigen).
• -data via - Dit vertelt twitter wie de originele tweeter was door toe te voegen via @wpbeginner (zorg ervoor dat je het verandert in je Twitter-account).
• data-text - Hiermee wordt de titel van uw bericht opgehaald (u hoeft dit niet te wijzigen).
• data-gerelateerde - Dit voegt aanbevolen gebruikers toe om te volgen. U mag maximaal twee Twitter-accounts voor gebruikers volgen nadat ze inhoud van uw website hebben gedeeld. Deze accounts kunnen uw eigen account zijn of die van een bijdrager of een partner. Het eerste account is het account dat wordt gedeeld -data via eigendom. (Zorg ervoor dat je het in een van je andere twitteraccounts wijzigt, of verwijder het). Als je dat niet doet, dan zal je @syedbalkhi (oprichter van WPBeginner) aanbevelen. Het juiste formaat om gegevens in deze variabele in te voeren is twitterusername: Beschrijving van de gebruiker
• data-count - Dit vertelt het script van twitter welke stijl van de knop je wilt laten zien. Je hebt drie opties (verticaal, horizontaal, geen).
• data-lang - Deze variabele vertelt twitter in welke taal het moet zijn. Standaardwaarde is 'en' voor Engels, en daar hebben we het bij gelaten.

We raden gebruikers aan om het data-attribuut van de anchor-tagmethode te gebruiken, omdat het de code schoon en kort houdt. Hoewel queryreeksparameters een handige manier zijn om uw pagina te delen, kunnen ze uw ankertag erg lang maken en is een lange URL moeilijk te onderhouden, vooral als u URL-coderingsparameters moet gebruiken. Hieronder staat de query-methode voor degenen die ervoor kiezen om het te gebruiken:

 & Via = wpbeginner & count = horizontale "> Tweet

Als u alleen een tweet-knop op een statische pagina wilt toevoegen, kunt u de Tweet Button Generator van Twitter gebruiken.

Bedankt aan Otto voor het melden van ons in de onderstaande opmerking dat zijn plug-in Simple Twitter Connect de officiële tweet-knop volledig ondersteunt.

Aanvullende bronnen:

Aanvullende documentatie voor Tweet-knop