Foto / Afbeelding plaatsen in een WordPress Widget – Stappenplan

Je wilt een afbeelding plaatsen in een van je Widgets. Widgets zijn plekken op je wordpress website waar je bepaalde opties of functies kan toevoegen. Widgets komen terug in de footer van je website, maar ze komen ook vaak terug in de sidebar van je website.

Afbeelding plaatsen

De eenvoudigste manier om een afbeelding te plaatsen in je widgets is door deze stappen te volgen.

Stappenplan:

1. Je gaat naar pagina’s
2. Klikt op nieuwe pagina
3. Je voegt een afbeelding toe middels de media knop.
4. Je upload de afbeelding en geeft hem zo nodig een alt-tekst
5. Je klikt op “Tekst”  (zie de afbeelding hieronder)
6. Je kopieert de gehele tekst
7. Je gaat naar Widgets en sleept een “tekst” widget naar de widget kolom waar je de afbeelding/foto wilt plaatsen
8. Je plakt daar de code neer en je klikt op “opslaan”

Afmetingen afbeeldingen in Widget

Als je de standaard afbeelding wilt verkleinen dan moet je de volgende variabelen toevoegen aan je afbeelding.
De variabele:
Width=”xx”
Height=”xx”

Deze variabelen moet je na de “src” plaatsen. Hieronder zie je een voorbeeld waar je de width en height moet plaatsen.

<img title="Widget Afbeelding Plaatsen" alt="Widget Afbeelding Plaatsen" src="http://www.woocommercetheme.nl/wp-content/uploads/2013/07/Widget-Afbeelding-Plaatsen.png" width="283" height="110" />

Gelukt?

Zoals je ziet het is heel eenvoudig om een afbeelding toe te voegen. In bovenstaande code linkt de afbeelding niet naar een pagina. Ik heb namelijk de < a href </a> eruit gehaald. Wil je wel dat de afbeelding ergens na toe links gebruik dan deze code:

<a href=http://www.woocommercetheme.nl"> <img title="Widget Afbeelding Plaatsen" alt="Widget Afbeelding Plaatsen" src="http://www.woocommercetheme.nl/wp-content/uploads/2013/07/Widget-Afbeelding-Plaatsen.png" width="283" height="110" /></a>

In bovenstaand voorbeeld linkt mijn afbeelding na de website: www.woocommercetheme.nl

Heb je vragen stel ze dan hieronder.