Toen Elja op Twitter vroeg naar een stappenplan om tweets te embedden dacht ik eerst dat ze een grapje maakte.
@rsnijders embedden van tweets idd. Ik vond wel het embedden van het archief op je blog maar dacht dat jij ook een embed-stappenplan had?
— Elja Daae (@Elja1op1) July 29, 2013
In WordPress is embedden van tweets namelijk een kwestie van de url van de tweet (https://twitter.com/Elja1op1/status/361741533633982464 voor de bovenstaande) op een eigen losse regel zetten in je blogpost. Zolang je er maar op let dat je er geen hyperlink van maakt zal WordPress zelf die url weergeven als tweet. Inclusief tweets waar op gereageerd wordt en eventuele media – zoals afbeeldingen of Vine video’s – die in de tweet vermeld worden. Daar heb je niet echt een stappenplan voor nodig.
Maar niet iedereen gebruikt WordPress natuurlijk. En wat te doen als je iets aan de weergave wilt veranderen in WordPress van de tweets? Die worden namelijk altijd links uitgelijnd terwijl ik liever tweets zou willen centreren in de blogpost.
Dat kan ook maar daarvoor moet je wel de embedcode van Twitter zelf gebruiken. Gelukkig is dat erg eenvoudig want op Twitter.com kun je bij elke tweet die embedcode terugvinden.
Stap 1. Ga op Twitter.com naar de tweet die je wilt embedden en klik op … More om een menuutje te openen. In dat menu kies je dan voor Embed Tweet.
Stap 2. Je ziet hier de embedcode staat die je in je blogpost – in de Text/HTML weergave! – kunt kopiëren en plakken om de tweet weer te geven. Let op dat je in tegenstelling tot de makkelijke WordPress manier hier nu kunt kiezen of je de ‘parent Tweet‘ wel of niet wilt opnemen. Als je dit afvinkt zou je in het voorbeeld bovenaan dus alleen maar de tweet van Elja zien en niet mijn tweet waar ze op reageerde.
En zo simpel is het om tweets te embedden in je blog, of je nou WordPress gebruikt of niet. Veel korter kan die handleiding niet zijn, toch? Het voordeel van deze code gebruiken is dat je behalve de ‘parent Tweet’ uitzetten ook de tweets kunt centreren middels een kleine aanpassing aan die code.
Centreren van tweets
Standaard worden tweets links uitgelijnd. Wil je ze liever rechts uitlijnen of – waarschijnlijker – centreren, dan moet je aan het begin van de code een CSS attribuut toevoegen. Aan <blockquote class=”twitter-tweet”> voeg je dan tw-align-right of tw-align-center toe.
Voor het centreren van de bovenstaande tweet (en dan niet als afbeelding) gebruik je dus de code:
<blockquote class=”twitter-tweet tw-align-center”><p><a href=”https://twitter.com/Elja1op1″>@Elja1op1</a> Nee want het zijn te weinig stappen :) Maar het is een prima idee voor een zomerse blogpost zometeen</p>— Raymond Snijders (@rsnijders) <a href=”https://twitter.com/rsnijders/statuses/361747661092696064″>July 29, 2013</a></blockquote>
<script async src=”//platform.twitter.com/widgets.js” charset=”utf-8″></script>
@Elja1op1 Nee want het zijn te weinig stappen :) Maar het is een prima idee voor een zomerse blogpost zometeen
— Raymond Snijders (@rsnijders) July 29, 2013
#
[Vakblog] Embedden – en centreren – van tweets op je blog: een korte handleiding http://t.co/IqXPEuAMDs
@Elja1op1 Op verzoek ;-) http://t.co/IqXPEuAMDs
Stappenplan om tweets op je blog te embedden! RT @rsnijders: @Elja1op1 Op verzoek ;-) http://t.co/41peGXeoKZ #blogpraat
Haha! Dank Raymond! Dit wordt een hit hoor! :))
Voor de bloggers onder jullie: hoe embed je een tweet op je blog (stappenplan)? http://t.co/kjVH4JVlFl ^ED
RT @Elja1op1: Stappenplan om tweets op je blog te embedden! RT @rsnijders: @Elja1op1 Op verzoek ;-) http://t.co/41peGXeoKZ #blogpraat
#tip Embedden van tweets op je blog: een korte handleiding http://t.co/LiAlT0yhdO
superrr!
Embedden van tweets op je blog: een korte handleiding – Vakblog http://t.co/JprbiWTXRC @rsnijders
Embedden van tweets op je blog: een korte handleiding – Vakblog http://t.co/jq0hndanCH
Embedden van tweets op je blog: een korte handleiding, via @rsnijders
http://t.co/n1KGYpyHzs
#slimmerwerken #howto
Embedden van tweets op je blog: een korte handleiding http://t.co/tFDsEW0tUp
[…] Vooral in WordPress is embedden van tweets kinderspel maar niet iedereen gebruikt WordPress en soms wil je iets aan de standaard weergave wijzigen […]
Embedden van tweets op je blog: een korte handleiding – Vakblog http://t.co/NWyCdpKOst RT @rsnijders @kittykilian
Tweets embedden als een pro doe je zo: http://t.co/zVz5u2vSj3 door @rsnijders via @Elja1op1
[…] kunt archiveren. Over dergelijke toepassingen heb ik al meerdere keren geschreven – o.a. tweets embedden op je blog, m.b.v. een Google Sheet script of met een aangepaste timeline in Tweetdeck – maar Twitter […]