Lägga in en bildlänk i widgeten

Vad vore en hemsida utan bilder?

Självklart lägger du in snygga bilder på sidan och länkar ifrån dem men visst vore det bra att kunna göra det även i widgeten?

Du kan använda pluginet Jetpack för att lägga in bilder och bildlänkar i widgeten. Se Lägga in bilder i widgeten.

Men jag tycker det är bra att även kunna lägga in bildlänkar med HTML som en reservplan ifall du inte har Jetpack eller om det finns någon anledning. Hur du gör det tänker jag visa här. Det är inte svårt utan bara en liten kod-snutt att känna igen och veta hur den ska användas.

Så här ser kod-snutten ut:

<a href=””</a>

Den talar om var man kommer när man klickar på bilden och ska användas tillsammans med adressen till bilden.
Adressen till bilden här nedanför är:

http://wpabc.se/wp-content/uploads/2014/05/phone.jpg

För att bilden ska synas på hemsidan ska det se ut så här (Se Lägga in bilder i widgeten):

<img src=”http://wpabc.se/wp-content/uploads/2014/05/phone.jpg”>


Men nu är bilden inte kopplad till någon länk.

För att bilden ska kopplas till en länk måste först länkadressen anges. Säg att jag vill att bilden ska länka till startsidan på wpabc.se. Då kommer kodsnutten att se ut så här:

<a href=”http://wpabc.se”></a>

Nu ska vi tala om bildens adress och stoppa in den i kod-snutten här ovanför. Då blir det så här:

<a href=”http://wpabc.se”><img src=http://wpabc.se/wp-content/uploads/2014/05/phone.jpg></a>

Jag kopierade bara koden för bilden (<img src=”http://wpabc.se/wp-content/uploads/2014/05/phone.jpg>) och klistrade in den i:

<a href=”http://wpabc.se”></a>.

 

Klickar du på bilden nu länkas du vidare till http://wpabc.se.
Det är inte så krångligt som det verkar. Den kodsnutten lär du dig snabbt att använda!

Inlägget är skrivet av Elisabeth Svensson.