Feeds:
Entrades
Comentaris

Archive for the ‘tutorial’ Category

Per a incrustar una Slideshare a un article, el mecanisme és molt senzill. Només has de triar la presentació que vols incloure, anar embedenwordpress.jpga la dreta de la pantalla, clicar amb el botó secundari del ratolí sobre la caixa de “Embed (WordPress.com)”, triar “Seleccionar todo”, després “copiar”, anar després a l’article on vols pegar la Slideshare, clicar sobre el lloc on vols incrustar-la amb el botó dret (secundari) i triar “pegar”.copiarenedicio.jpg I ja està:

Anuncis

Read Full Post »

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.

widgetflickr.jpg

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:

editarwidget.jpg

S’obrirà la caixa de configuració:

caixadedicio.jpg

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.

buscarchiron.jpg

Seleccionem el grupet del centaure:

triarchiron.jpg

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

muraldefotoschiron.jpg

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

subscriuresachiron.jpg

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

resultatfinal.jpg

Read Full Post »

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

widgetsdisponibles.jpgSi 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”:

widgetstexto.jpg

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:

03editarwidget.jpgHas 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í:

ediciowidgettexto.jpgI al blog quedaria així:

greciimatges.jpg

banners.jpg

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…

Read Full Post »

Els widgets, que podeu trobar a la pestanya “Presentación” (amb el número 2), 04presentacio1.jpgsón el que jo anomene “bitxets” embellidors o multifunció de la barra lateral d’un blog. Segons veiem al curs:

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:

01widgets.jpgAl 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):

02posarwidgetsalabarra.jpgUna vegada situat, has d’editar-lo, clicant sobre el quadret de

03editarwidget.jpg

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

04editarwidget2.jpg

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

05nombredewidgets.jpg


Read Full Post »

Una de les pegues de WordPress és que no pot editar codi html en la plantilla que triem.

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

Read Full Post »

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

Read Full Post »

Ací us explique els passos per a registrar-se a WordPress.com i les primeres coses que jo recomane fer:

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

01registrarse1.jpg

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

Registrar-se 2

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

03registrarse3.jpg

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:

04compteactiu.jpg

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

05anaralblog1.jpg

EL NOSTRE PERFIL

Cliqueu sobre “MyDashboard”:

06mydashboard1.jpg

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

07myprofile1.jpg

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

08canviarplantillapresentacio1.jpg

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çò:

09canviarplantilla21.jpg

OPCIONS GENERALS

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

10opcionsgenerals1.jpg

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çò:

11opcionsgenerals22.jpg

  • 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”.

12administrarborrarentrada1.jpg

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

13administrarborrarcomentari1.jpg

I de moment ja està.

Read Full Post »

Older Posts »