Imatges a la Barra lateral [Widgets]

Per donar un aspecte més visual a la nostra web podem fer que a la barra lateral hi hagi imatges (botons) que funcionin com a enllaços i que aquests enllaços siguin per obrir pàgines de la mateixa web.

Imagina que vols penjar la imatge que surt a continuació a la barra lateral.

Per fer-ho el primer que fem és penjar-la al nostre compte de Flickr

Després anam a la pàgina de flickr on ens surten tots els tamanys disponibles d’aquesta imatge:

Seguidament a la mateixa pàgina copiam el codi que ens surt a la 1era opció:

Ara ens toca anar al Panell de  control de WordPress i anam a Presentació >  Widgets i activam el Widget Text >

i l’ editam , aferram el codi que hem copiat abans i ho miram amb atenció.

El CODI que hem aferrat seria el següent:

<a href=”http://www.flickr.com/photos/districtedigital/2928381159/” title=”continguts por districte.digital, en Flickr”><img src=”http://farm4.static.flickr.com/3182/2928381159_39e1e481e0_m.jpg” width=”240″ height=”64″ alt=”continguts” /></a>

Ara toca saber que és això,

La primera part

href=”…”

>>> és el codi que ens diu a on anirà l’enllaç de la imatge. Aquesta part s’ha de canviar.

A aquesta part de Codi hauríem de posar la URL d’on volem que redireccioni el boto (imatge), per exemple: http://webalcarrer.wordpress.com/continguts/

La segona part

title=”…”

>>> és el codi que ens diu quin nom emergent sortirà a la imatge quan hi situem el cursor. També s’ha de canviar (es pot deixar en blanc)

Aquí posam per exemple: Continguts del curs

La darrera part

img src=”…”

>>> ens diu de quina web hem agafat l’imatge per penjar-la a la nostra web. És la part que no es modifica.

<a href=”http://www.flickr.com/photos/districtedigital/2928381159/” title=”continguts por districte.digital, en Flickr“>

<img src=”http://farm4.static.flickr.com/3182/2928381159_39e1e481e0_m.jpg” width=”240″ height=”64″ alt=”continguts” /></a>