Een foto in een bericht plaatsen

Om in een bericht of pagina een foto op te nemen moet je een photo code in het bericht te plaatsen. Deze code bestaat uit de tekst photo, plus een aantal gegevens over de foto, tussen blokhaken.

Let op: In de voorbeelden staan accolades {} in plaats van blokhaken [] omdat er anders ook echt een foto te zien is en niet de code! In berichten moet je wel de blokhaken gebruiken.

Een voorbeeld, deze code:
{photo src=”/wp-content/uploads/2010/10/20100626-1.jpg” alt=”Alternatieve tekst” title=”titel”}

geeft deze foto:

Alternatieve tekst

titel



De betekenis van de fotogegevens:

src de URL van de foto.
alt de tekst die je ziet als je de muis over de foto beweegt.
title de titel onder de foto.
width de breedte van de foto in de pagina.
height de hoogte van de foto in de pagina.
class de plaats van de foto, alignleft of alignright hiermee kun je de foto links of rechts in de pagina neerzetten.

Normaal gebruik je alleen width of alleen height, maar niet beide. Zodoende wordt de andere maat vanzelf uitgerekend, en blijft de verhouding tussen hoogte en breedte van de foto goed.

Zonder width en height worden de maten van de foto zelf gebruikt.

Hier een kleinere versie, aan de rechterkant:
{photo src=”/wp-content/uploads/2010/10/20100626-1.jpg” alt=”Alternatieve tekst” title=”titel” width=200px class=”alignright”}

geeft deze foto:

Alternatieve tekst

titel



De ingebouwde mediabibliotheek gebruiken

Bij het samenstellen van de photo code kun je gebruik maken van de mediabibliotheek. Die functie voegt direct HTML in. Dat levert ook een foto, maar niet de titel. De HTML code lijkt op de photo code en geeft je een goed begin.

Open de mediablibliotheek via het icoon Afbeelding toevoegen boven het formulier en keis de tab Media bibliotheek. Je ziet nu een lijst met de foto die op de site bekend zijn. Blader of zoek de foto die je wilt toevoegen en klik op Tonen.

Je ziet nu de details van de foto. Kies bij Koppelings-URL de knop Geen en bij Afmeting voor Volledige grootte.

Kies bij Uitlijning de plaats van de foto en klik op Invoegen in bericht.

Je komt terug bij het bewerken van het bericht, met HTML voor de foto toegevoegd. Deze HTML kun je aanpassen aan de code die nodig is.

Foto’s uploaden

TODO

Help

Annuleren