Feeds:
Entrades
Comentaris

Archive for the ‘Tutorial Wordpress’ 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à:

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 »

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 »

Algunes indicacions per a redactar els vostres articles, posts o entrades en WordPress.com.

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

Redactar

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

02redactar2.jpg

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:03barralateral.jpg 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”:

04guardararticle.jpg

En el següent article, “com posar enllaços i imatges”.

Read Full Post »

Older Posts »