Twitter Tweet-knop insluiten in uw WordPress-blog
Als u een webmaster bent, hebt u waarschijnlijk de services Tweetmeme of Topsy gebruikt om de knop Retweet op uw site in te sluiten. Het goede nieuws is dat Twitter nu een officiële tweet-knop heeft uitgebracht die je kunt gebruiken, zodat je niet hoeft te vertrouwen op derden om je tweets over te brengen. Het slechte nieuws is dat je je bestaande code moet veranderen om de Tweet-knop te tonen (de Tweetmeme of Topsy tweet-knop zal verder werken als je besluit niet te veranderen).
De voordelen van het gebruik van Twitter officiële Tweet-knop zijn onder meer:
- U kunt betere (en nauwkeurigere) statistieken krijgen van het aantal keren dat uw berichten zijn gedeeld (geretweet).
- De knop Tweet gebruikt t.co als URL-verkorter en geeft de volledige URL in uw tweets weer, waardoor uw links geloofwaardiger worden.
- Hiermee kunt u relevante Twitter-accounts aanbevelen aan uw lezers. Dit kan je helpen meer volgers te krijgen.
- Het is eenvoudig te implementeren
De eenvoudigste manier om de Tweet-knop in te sluiten in WordPress
Onnodig te zeggen dat de eenvoudigste manier om iets gedaan te krijgen in WordPress is via plug-ins. Ontwikkelaar Ahmed Hussein heeft snel een Twitter-tweepunt-plug-in uitgebracht. Dit is handig voor diegenen die totaal geen kennis hebben van codering, of voor diegenen die niet willen dobberen met code.
Na activering geeft de plug-in automatisch de knop op uw site weer.
Op de pagina Instellingen kunt u de knop Tweet configureren om inhoud vóór / na weer te geven, op de startpagina / berichten / pagina, het type knop dat moet worden weergegeven (verticaal, horizontaal enzovoort) en verschillende andere opties. Er is ook een live voorbeeldweergave waarin u de lay-out van de knop kunt bekijken.
De handmatige manier
Hoewel de plug-in het leven gemakkelijker voor u kan maken, kan dit extra kosten aan uw server toevoegen. Bovendien geeft het je weinig controle over waar precies de knop moet worden weergegeven.
In plaats daarvan kunt u de handmatige manier gebruiken om de Tweet-knop in te sluiten op uw site. Het is eenvoudig en u hoeft alleen maar twee regels code in uw themabestand in te voegen.
Ga naar de Twitter Tweet knop pagina. Hier kun je de Tweet-knop aanpassen en configureren.
Dingen die u kunt configureren, zijn de knoplay-out, tweet-tekst, URL en de taal.
Scroll verder naar beneden en je kunt de Twitter-accounts toevoegen aan je lezers.
Pak ten slotte de code en voeg deze in uw themabestand in, op de locatie waar u deze wilt weergeven.
De meest gebruikte plaats om de Tweet-knop weer te geven, is op je Posts-pagina, na de inhoud. Open in je themamap het bestand single.php en plaats de code achter de tag
Verdere aanpassing
Als u de Tweet-knop verder wilt aanpassen, zoals het wijzigen van de knopafbeelding of een tekstlink in plaats van een afbeelding, kunt u dit ook doen door een paar kenmerken toe te voegen aan de code.
Om een pure HTML-code in te voegen zonder JavaScript
Gebruik de code:
Vergeet niet om de TWITTERHANDLE te veranderen in je eigen Twitter-gebruikersnaam.
Om uw eigen Tweet-knop te gebruiken
Gebruik de code:
# custom-tweet-button a {display: block; opvulling: 2px 5px 2px 20px; achtergrond: url ('http: // uw-tweet-knop-afbeelding-url') links midden niet herhalen; border: 1px solid #ccc; } Tweet
* verwezen van dev.twitter.com
Vergeet niet om de " uw-tweet-knop-afbeelding-URL " in de URL van uw Tweet-knop te veranderen.
Raadpleeg de Tweet Knop-documentatie voor meer aanpassingsopties.
Heb je de Twitter Tweet-knop aan je blog toegevoegd? Hoe is je ervaring ermee? Deel met ons in de reacties.