A banda de posar imatges usant el widget “Texto”, WordPress ve de fàbrica amb el “bitxet” Flickr, que permet incloure imatges d’aquesta ferramenta d’allotjament de fotos a la barra lateral del nostre blog.

En primer lloc, haurem d’arrossegar, com vèiem en els articles anteriors, el widget Flickr a la barra lateral.

Una vegada allà, ja sabeu, haureu d’editar el widget, clicant sobre el quadret de la dreta:

S’obrirà la caixa de configuració:

L’apartat més important és el (2), ja que ací es posarà l’adreça de suscripció a les fotos que desitgeu que es vegen (a l’apartat -1- posareu el nombre de fotos que voleu que isquen). Podeu clicar directament sobre “interesting” per anar al portal de Flickr i seleccionar les fotos que us interessen. Nosaltres cercarem les fotos de Chiron. En l’apartat “Buscar”, seleccionem “grupos” i escrivim Chiron.

Seleccionem el grupet del centaure:

I allà cliquem sobre “Mural” (pots anar directament ací si cliques sobre el link de més amunt):

A la pàgina que s’obre anem cap avall fins que trobem açò:

Cliquem damunt d’una de les alternatives on assenyalen les fletxes amb el botó secundari (el de la dreta) i triem “Copiar la ruta del enlace” (serà alguna cosa així: http://api.flickr.com/services/feeds/groups_pool.gne?id=40872899@N00〈=es-us&format=rss_200). Ja podem anar altra volta a la caixa de configuració del bitxet, cliquem amb el mateix botó sobre el camp (2) i triem “Pegar”.

Tanquem la caixa, GUARDEM CANVIS, i el resultat serà alguna cosa així:

Com hem vist en altre article, WordPress.com disposa de tot un seguit de “bitxets”:

Si els dubtes d’ús són molt apremiants, potser dedicaré algun post a explicar-los. Però jo recomane endinsar-se en aquest món provant les coses, a poc a poc i sense por.

El que m’interessa ara destacar de tots és el que anomenava “comodí”, perquè serveix per a incloure, amb codi HTML tot allò que no permeten els altres widgets. És el widget de “Texto”. Pots inclouren fins a 9, anant més avall de la pantalla de “widgets”:

Però en pots gastar un de sol i anar posant cosetes. En aquest explicaré com incloure grafies gregues, una imatge amb un enllaç i diferents “banners“… en un sol bitxet de text.

1.Abans de res, hauràs de pujar el widget de text a la barra lateral, com explicava en el post anterior o en aquest tutorial.

2.Després edites el widget clicant sobre el quadret de la dreta:

Has d’omplir el títol que vols posar i després tot allò que volem incloure:

*Per escriure en grec: igual que féiem per a escriure en un article normal (en roig pose el text que heu de substituir per allò que vosaltres voleu posar, és clar):

<font size=”5″ face=”Palatino Linotype”>Μοῦσα Μελπομένη</font>

*Per incloure una imatge amb enllaç (hi ha un widget específic -Flickr- per açò, que ja explicaré):

<a href=”http://mythesgrec.ibelgique.com/muses.htm“><img src=”http://www.ibelgique.com/mythesgrec/melpomene.jpg” height=”350px” width=”200px”></a>

*Per a incloure una imatge sense enllaç:

<img src=”http://www.ibelgique.com/mythesgrec/melpomene.jpg” height=”350px” width=”200px“>

[height i width també ho podeu canviar: són les dimensions que tindrà la imatge en alt i ample, respectivament]

*Per incloure “banners” o pegatines; ací pose dos exemples, però es pot posar el que vulgueu, sempre que disposeu del codi de la imatge i de l’adreça on portarà si cliqueu:

<a href=”http://www.chironweb.org” target=”_blank”><img src=”http://phantom.xtec.net/sgiralt/chiron/img/adheridoachiron.jpg” border=”0″ height=”40″ width=”125″></a><br>
<a href=”http://escribesinfaltas.blogspot.com/“><img src=”http://photos1.blogger.com/blogger2/1923/702609309919384/400/botontransparente.gif” border=”0″><br>

[l'etqueta "target" indica on s'obrirà l'enllaç; si poseu _blank, s'obre en altra finestra: és opcional, si no la poseu, s'obrirà en la mateixa finestra; l'etiqueta <br> o <br/> equival a un salt de línia; no oblideu mai els signes que apareixen i tancar-los sempre: < > " "...]

Tot això, editat, quedaria així:

I al blog quedaria així:

Una nota final: malauradament, hi ha algunes xuminadetes que, ara per ara, no es poden incloure, perquè el senyor WordPress es preocupa per la nostra seguretat (en fi…): són totes aquelles que en el codi porten alguna cosa semblant a <script>, com per exemple, els rellotges, però ja veurem si es pot solucionar…

Al meu humil parer, l’element més important d’un blog són els comentaris: perquè són els que li donen vida i els que el fan una eina col·laborativa 100% web 2.0.

En compte de enrollar-me cosa mala, pegueu-li una miradeta a la següent presentació en wink, on us parle de com afegir enllaços als comentaris.

Dues ferramentes complementàries per als comentaris són:

• widget amb els darrers comentaris: el podeu afegir des de la pestanya Presentación > Widget (amb el mateix sistema que vèiem al curset per al widget de Box.net)
• convotracker, una utilitat que us permet fer un seguiment dels comentaris que feu arreu de la blogosfera (la llàstima és que no sembla anar bé amb tots els sistemes de blogs) : un article sobre la importància dels comentaris i l’ús del convotracker el podeu trobar ací.

En aquesta segona part, veurem com afegir enllaços i imatges:

Abans que res has de sel·leccionar el text que vols enllaçar (1) i després cliques sobre el símbol del link (2) .

T’eixirà aquesta pantalleta:

1: còpies l’adreça de la pàgina que vols enllaçar

2: si vols que s’òbriga en una finestra diferent, tria l’opció que toque (“open link in a new window”)

3: posa-li, si vols, un títol.

4: clica “Insert”

Per a les imatges: pots penjar imatges de la xarxa o pujar-les del teu disc dur (o altre suport extraïble).

Des de la xarxa

1: Tria la ubicació;

2: Clica sobre l’arbret.

S’obrirà aquesta finestreta:

el més important (o necessari) és copiar l’adreça de la imatge que vols que es veja (1) i clicar sobre “Insert” (8). La resta és opcional (descripció de la imatge -2-, ubicació -3-, centrat, a la dreta…-, dimensions -4-…).

Des de l’equip

Clica “Subir” al quadre que t’ix baix de les opcions de “publicar”, “guardar”… Tria la imatge que vols pujar en “examinar”, posa títol i descripció (opcional) i prem “Upload”.

Després clica sobre “Explorar”, selecciona la imatge, el tamany, etc. i “Envía al editor”.

T’apareixerà al cos de l’article. I ja està!