Si voleu veure-ho en pps (presentació de PowerPoint), cliqueu ací.

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í:

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…

WIDGETS, GADGETS, PLUGINS I APPLETS: “xuminadetes” que serveixen per a donar “vidilla” als blogs (o per a convertir-los en una col·lecció massa embolicada de “xorradetes”: aneu amb compte, com que poden crear addicció, podeu acabar convertint la barra lateral en un maremagnum farragós i que faça que la pàgina tarde molt en carregar-se). Són petites aplicacions o programes que serveixen per a donar fàcil accés a funcions d’ús freqüent o donar informació als usuaris del blog (rellotges, calculadores, calendaris, agendes, jocs, informació meteorològica, xats, fotos…).

En aquest enllaç teniu un petit tutorial sobre com funcionen en general.

A la part de dalt de la pàgina tens la barra lateral amb els elements que en eixos moments tens en ella:

Al mig apareixen els “bitxets” de què disposes. Quasi tots són aplicacions ja existents (per posar fotos, vídeos, agregadors RSS, calendaris…). Per afegir-los a la barra lateral, només has d’arrossegar-los (clicant sobre el triat amb el botó esquerre del ratolí i portant-lo fins a la barra lateral, on el soltaràs allà on decidisques que aparega):

Una vegada situat, has d’editar-lo, clicant sobre el quadret de

la dreta i omplir les dades que et demanen (1) (no oblides mai tancar -2- “guardar cambios” -3-):

I, baix del tot de la pantalla, tens la possibilitat de triar quants widgets vols de RSS, de Categories i del que jo anomene “Comodí” (perquè serveix tant per “a un roto como para un descosido”), el “bitxet” de “Texto”, que molt aviat explicaré:

Per això, hem d’emprar obligatòriament la font que per defecte porta la plantilla que usem (podríem canviar-la des de “Presentación” > “Editar CSS”, però pagant en “Mejoras”).

Però no patim, perquè hi ha altra manera:

1.Obrim la pestanyeta de la part de dalt de la caixa d’edició que es diu “Código”.

2.Escrivim açò (sense oblidar res, ni cometes, ni signes…):

<font size=”___” face=”______” color=”_____”>ací posem el text que volem que isca amb eixa font</font>

3.I omplim els espais amb la font, el tamany i el color que vulguem

<font size=”5″ face=”Palatino Linotype” color=”#ff0099″>ací posem el text que volem que isca amb eixa font</font>

Quedarà alguna cosa com:
ací posem el text que volem que isca amb eixa font

• font size: tamany de la font
• face: tipus de font. Podeu veure exemples ací.
• color: doncs això, el color de la font. No oblideu posar sempre davant de les lletres i els nombres el signe #. Exemples de colors ací.

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í.

1. Completar o canviar les opcions d’usuari
2. Triar plantilla
3. Completar o canviar les opcions generals
4. Esborrar l’article i el comentari de benvinguda del senyor WordPress

REGISTRAR-SE

Entreu a WordPress.com. Anireu ací:

Cliqueu sobre “Registrarse”. Ompliu els camps de la pantalla que s’obrirà:

Marqeu les dues caselles que us indique i cliqueu sobre el botó del final per a generar el vostre blog:

Ompliu tot el que es demana i premeu sobre “Registro” (tot i que en l’exemple he posat Català, recomane que poseu “Español”, perquè el català encara no està del tot disponible). Si tot va bé, veureu aquesta pantalla:

Cliqueu sobre “homepage” i anireu al vostre blog, que eixirà per defecte així:

EL NOSTRE PERFIL

Cliqueu sobre “MyDashboard”:

Ara sobre “My Profile” (si abans heu triat “Español”, posarà “Mi perfil”):

Ací podeu afegir una imatge al vostre perfil (que eixirà, entre altres coses, als comentaris), canviar idioma, contrasenya…

LA PLANTILLA

El següent pas (no obligatori, ja que podeu estar contents amb la plantilla que teniu per defecte) és triar una plantilla (en tenim moltes per elegir): cliqueu sobre “Presentation”:

A la part de baix de la pàgina que us haurà sortit hi ha un bon grapat de plantilles per triar. Cliqueu sobre la que més us agrade. Eixirà açò:

OPCIONS GENERALS

Ara anirem a opcions generals, per posar un subtítol al blog o canviar alguna cosa més:

Sembla prou clar el que cal posar, no? No seleccioneu la casella 5, perquè si no la gent no ho tindrà tan fàcil per a comentar. Ah, i no oblideu mai clicar sobre (1), “Actualizar opciones”. Més cap a baix teniu açò:

• 1.Normalment, al nostre país hem de posar un 2.
• 2.La j és el dia de la setmana, F el mes i Y l’any. Segons com ho poses eixirà la dat.
• 3.g, la hora; i, els minuts; a pm o am.
• 5.No oblides actualitzar les opcions.

ARTICLE DE BENVINGUDA DEL SENYOR WORDPRESS

Per últim, recomane esborrar el post de benvinguda del senyo WordPress. Aneu a “Administrar” > “Entradas” > “Borrar”.

Normalment s’elimina també el comentari, però per assegurar-te fes el mateix però en compte de “Administrar”, ves a “comentarios”:

I de moment ja està.

Entreu a Redactar > Redactar Artículo (el que s’explica ací s’aplica a l’altra pestanya “Redactar Página”).

Si esteu familiaritzats amb qualsevol editor de text (word, office…) aquesta finestra no caldrà massa explicacions. Al camp 1 posarem el títol i al camp 2 redactarem l’article. La resta d’icones són prou clares, i es corresponen amb un editor de text corrent. Potser calga explicar una miqueta més els següents:

9: “corre” el text sel·leccionat a la dreta (es fa servir, per exemple, quan posem alguna cita textual);

13 i 15: serveixen per a incloure, respectivament, un enllaç o una imatge (amb el 14, el que es fa és des-fer un enllaç);

16: serveix per a incloure una etiqueta “More”: aquesta serveix per a tallar un text que considereu massa llarga o en què voleu mantenir el suspens; el lector ha de clicar sobre la frase que ix (pareguda a: Read Full Post) per a continuar llegint el post;

17: revisa l’ortografia; però de moment només et servirà si fas l’article en anglès. I amb el 19 s’obren més opcions d’edició:

El 5 i el 6 hauràs d’emprar-los per a pegar text des del bloc de notes o des de Word, respectivament (convè fer-ho amb aquestes opcions perquè si fem servir el normal -copiar i pegar amb el botó secundari del ratolí o fent servir les tecles: Ctrl + c, etc.- pot haver problemes de lectura). El 7 lleva el format (1) i el 8 neteja el codi (sobre codi -que es veu clicant sobre la pestanyeta que posa “Código”- ja parlarem més endavant… o no). El 9 és per usar símbols (ø ∞ ≥…) i el 10 supose que ja el coneixeu: per a des-fer o tornar a fer el desfet.

Quan hages acabat el post, el següent pas és “personalitzar-lo”, amb les pestanyes de la barra de la dreta: tria categories (“Categorías”): paraules clau que fan que la cerca en xarxa siga més profitosa (paraules sobre el tema del post, per exemple). En “Discusión” ho deixes com està, si vols rebre comentaris, és clar. Tampoc no cal que poses “Post Password”, contrasenya i el “Subtítulo del post” és opcional. En “Estado de la entrada” se t’informa de com està l’article (publicat, esborrany, privat…). I en “Fecha…” no cal dir el que hi ha, no? Pots canviar la data, de totes maneres (si vols que aparega un dia en especial, per exemple).

I, finalment, has de “Publicar”, al botó a l’efecte que tens sota la caixa de text on has escrit l’article. “Guardar y seguir editando” és per anar guardant l’article, però sense anar-te’n. I “Guardar” és per si vols anar-te’n i no has acabat el post. Quan tornes a entrar el tindràs com “Borrador”, en “Administrar”:

En el següent article, “com posar 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à!