Soms wil je in een blogpost of op een pagina tekst markeren/arceren/highlighten, zoals ik gedaan…
Soms wil je een YouTube-filmpje invoegen in WordPress. Er zijn verschillende manieren om zo’n filmpje op je site te plakken (embedden).
Tot slot kun je ook in de wysiwyg-tab de YouTube-code plakken. Die is als volgt opgebouwd: [youtube=url&w=…&h=…]
De verhoudingen kloppen nu niet, maar dat maakt niet uit. Aan de voorkant, de plek van je site waar de bezoeker ook komt, zie je nu dit:
Het filmpje is nu gecentreerd. Dat is jammer, want het is niet mooi en je wil er misschien wel 2 naast elkaar. Daarvoor moet je wat code toevoegen in de tekst-tab (HTML/broncode).
Ga naar je tabblad ‘Tekst’ (HTML-code) en typ om de code van YouTube heen:
<div style=”float:left;”></div>
Hiermee dwing je af dat filmpjes die niet schermvullend zijn, links worden uitgelijnd en niet in het midden. Je kan natuurlijk ook ‘right’ invullen (“float:right;”).
Let op: je moet dit commando afsluiten. Dat doe je met dezelfde tag, maar dan met een slash ervoor. Dit staat ook in het voorbeeld.
Als je 2 filmpjes naast elkaar wil zetten op 1 regel, hoef je alleen voor de 1e aan te geven dat ‘ie links moet uitlijnen, de ander wordt er dan automatisch naast gezet.
Let op:
Resultaat
<div style=”float:left;”>[youtube=http://www.youtube.com/watch?v=bSPpxu53yeI&w=280&h=158]</div>
[youtube=http://www.youtube.com/watch?v=_JJP43Qj4AQ&w=280&h=158]
<div style=”float: left;”>
[youtube=http://www.youtube.com/watch?v=67uTQX-OJro&w=280&h=158]</div>
De gele code is de volledige code die je moet intypen om de gewenste uitlijning af te dwingen.
De groene code is HTML voor: &w=280;&h=158. (Het &-teken wordt in HTML vertaald als ‘&’) Je kan YouTube-filmpjes op verschillende manieren op je site verwerken, zoals we gezien hebben. Als het je niet lukt om op YouTube de juiste afmetingen te krijgen, of als je het alsnog wil aanpassen om bijv. 2 filmpjes naast elkaar te zetten, dan kan je de waarden op deze manier dus alsnog wijzigen. Reken dan wel zelf even uit wat de getallen moeten worden om de juiste verhoudingen te bewaren.
Je typt dan meteen achter de YouTube-url in: &w=[getal];&h=[getal].
Schrik niet
NB: in je tekstvenster zie je tijdens het bewerken niet je filmpje, maar een rood vlak met stippellijntjes. Dat is normaal, er is dus niets geks aan de hand.