Personalitza el teu blog amb WordPress

NDEX DE CONTINGUTS

1. Introducci .......................................................................... 2 2. Blogs i gestors de continguts (CMS) ..................................... 3 Caracterstiques de WordPress WordPress.org vs WordPress.com 4 5

3. Allotjament web de WordPress ............................................ 8 4. Installaci de WordPress .................................................... 10 5. La interfcie de WordPress (backend i frontend) ...................... 12 6. Publicar i gestionar continguts amb WordPress ................... 17 Crear entrades Categories i etiquetes Els mdia i la mediateca Els enllaos Pgines esttiques Els comentaris 17 23 24 26 28 29

7. Configuraci del bloc: usuaris, opcions, extensions i eines ... 30 8. Personalitza la grfica del teu bloc ....................................... 37 Temes i plantilles Personalitza la grfica amb els teus arxius i full destils Ginys (Widgets) 37 39 44

9. Recursos per ampliar coneixements ..................................... 45

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 1

1. Introducci La publicaci de continguts a Internet per part dels usuaris s un fet, i entre els serveis ms populars de la web 2.0 trobem els blogs. El blog sha convertit en el canal on es centralitza tota lactivitat que duem a terme en la web, s el canal que mostra la fotografia ms completa de la persona o la marca que hi ha al darrere i, per aquest motiu, la necessitat de personalitzar-lo i de que el seu disseny tamb comuniqui. Els blogs sn una eina molt popular avui en dia i la seva rellevncia va en augment a la Xarxa. Es poden fer servir com a diaris personals, com a llocs per a debatir i compartir idees o notcies dactualitat, com eina per a promocionar-se o buscar feina, i a nivell corporatiu es fan servir com a eina per a mesurar lopini del mercat, com a font dinformaci sobre el sector o com a eina de comunicaci interna i externa. Lobjectiu daquesta cpsula s entendre el funcionament del gestor de continguts WordPress, aix com adquirir les nocions bsiques per a personalitzar un blog amb aquesta eina de programari lliure.

WordPress s un gestor de continguts especfic per a la creaci de blogs de codi obert (sota llicncia GPL), el que significa que lusuari pot gaudir de les segents llibertats: Llibertat dutilitzaci amb qualsevol propsit i per sempre en tants ordinadors com es vulgui sense haver de pagar cap mena de llicncia. Lliure accs al codi font per estudiar-lo i adaptar-lo a necessitats particulars. Llibertat de redistribuci per a incentivar la collaboraci. Llibertat per a modificar-lo i publicar les millores. Aquesta ltima llibertat s la ms interessant, doncs, permet disposar de programari actualitzat i millorat grcies al treball de la comunitat de desenvolupadors que hi ha al voltant del projecte. Personalitza el teu blog amb WordPress
CI-011 v.01 Dossier / 2

2. Blogs i gestors de continguts (CMS) Els gestors de continguts (CMS) sn sistemes per mantenir i actualitzar webs de manera fcil. Normalment funcionen a travs del mateix web, i a vegades a travs d'aplicacions especfiques. Els objectius dels CMS sn molt variats: intranets, blogs, portals de notcies, webs d'empreses...1 Els blocs sn una eina que fa possible que qualsevol persona que tingui alguna cosa a dir pugui fer-ho a Internet duna manera fcil, fent servir un tipus especfic de gestor de continguts (CMS) programat per a crear i mantenir un blog. Sanomenen eines de blogging. Existeixen diverses solucions alhora de triar una plataforma per a crear un bloc. Hi ha llocs on pots fer-te el teu bloc gratutament i en 5 minuts (Blogger2 o myspaces.com3), altres solucions com www.wordpress.com sn ms complertes per lusuari ha daprendre a manegar laplicaci. Tamb s possible installar un blog en el servidor propi. En el cas de voler disposar dun bloc ms personalitzat a nivell de disseny i funcionalitats per a integrar-lo dins dun determinat entorn (sota un domini com a secci duna web, en una intranet...), o de voler mantenir el control tcnic sobre el bloc, lopci recomanada s fer servir gestors de continguts que poden installar-se i configurar-se en el nostre servidor. El programari de referncia en aquest camp s el Wordpress, http://wordpress.org, que com es pot apreciar en la segent grfica s el ms utilitzat entre els 100 blocs ms populars.

Font: www.pingdom.com (http://royal.pingdom.com/2009/01/15/the-blog-platforms-ofchoice-among-the-top-100-blogs/)

1 2 3

Font: Viquipdia Blogger de Google: http://www.blogger.com Spaces de Microsoft http://home.spaces.live.com/

CI-011 v.01 Dossier / 3

Personalitza el teu blog amb WordPress

Caracterstiques de WordPress: WordPress va nixer del desig de construir un sistema de publicaci personal, elegant i amb una bona arquitectura ("Code is poetry"). Basat en PHP, MySQL i llicenciat sota GPL, Wordpress posa especial atenci a l'esttica, estndards web, i usabilitat. Les seves funcionalitats sn: Fcil installaci, actualitzaci i personalitzaci. Mltiples autors o usuaris amb la possibilitat destablir diferents nivells de permisos Possibilitat dinstallar mltiples blogs amb la versi WordPress MU (http://mu.wordpress.org/) Capacitat de crear pgines esttiques Permet ordenar entrades i pgines subcategories i etiquetes ("tags"). esttiques en categories,

Quatre estats per a una entrada ("post"): Publicat, Esborrany, Pendent de Revisi i Privat (noms usuaris registrats), a ms d'un addicional: Protegit amb contrasenya. Editor WYSIWYG (What You See Is What You Get, "el que veus s el que genera") Importaci des de Blogger, Blogware, Dotclear, Greymatter, Livejournal, Movable Type i Typepad, Textpattern i des de qualsevol font RSS. S'est treballant per a poder importar a travs dscripts o directament de base de dades. Emmagatzematge automtic temporitzat de l'entrada com Esborrany Permet comentaris i eines de comunicaci entre blogs (Trackback, Pingback, etc). Permet "permalinks" (enllaos permanents i fcils de recordar) mitjanant modrewrite. Distribuci dels entrades mitjanant RDF, RSS 0.92, RSS 2.0 i Atom. Distribuci de les discussions (mitjanant RSS 2.0 i ATOM 1.0). Gesti i distribuci d'enllaos. Pujada i gesti d'adjunts i arxius multimdia. Disposa de "Plugins" per ampliar les funcionalitats del blog. Disposa de nombroses plantilles (temes) personalitzar el disseny i lestructura del blog. i "Widgets" per a

Compta amb un potent cercador sobre les entrades i les pgines esttiques. (Font: Wikipedia) Personalitza el teu blog amb WordPress
CI-011 v.01 Dossier / 4

Wordpress.org vs Wordpress.com Lexistncia de dos serveis diferents amb el mateix nom pot causar confusi. WordPress s un gestor de continguts de programari lliure que es pot descarregar des de la web http://wordpress.org i sha dinstallar en un servidor dInternet sota un domini determinat. Durant anys aquesta ha estat la nica opci si el que es volia era un bloc amb WordPress, per des de fa un temps tamb existeix la possibilitat de fer servir aquest gestor de blocs sense haver dinstallar el programa en servidor propi, i aquesta opci s la que ofereix WordPress.com (http://wordpress.com): permet utilitzar aquest gestor i beneficiar-se del dinamisme de la seva comunitat que dissenya noves plantilles, programa nous plugins, widgets... i tofereix suport mitjanant FAQs, frums i videotutorials.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 5

Avantatges No sha dinstallar Lallotjament del bloc entra dins el servei El manteniment del gestor (actualitzacions, seguretat...) s competncia de WordPress.com

El blog forma part de la plataforma i pot rebre trnsit a travs del nvol detiquetes, els blocs del dia (http://es.wordpress.com/) Trobar altres bloggers propers a la teva temtica o interessants. Desavantatges No se li pot posar al bloc un tema personalitzat (plantilla grfica) No es poden installar plugins No es pot modificar el codi PHP del bloc Serveis Premium i VIP Es pot ampliar espai, allotjar el blog sota un domini determinat, afegir publicitat o editar una fulla destils prpia si sabona una petita quantitat (http://en.wordpress.com/products/). Es pot customitzar el codi PHP, la grfica i afegir plugins si disposem de pgines amb un gran volum de trnsit (http://vip.wordpress.com/).

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 6

Avantatges Se li pot posar al bloc un tema personalitzat (plantilla grfica) Es poden installar plugins Es pot modificar el codi PHP del bloc Control sobre la base de dades del bloc Una gran comunitat al voltant del projecte que dna suport (a travs de documentaci, frums i llistes de distribuci) i ofereix temes i plugins gratis. Es publica sota un domini propi Es pot afegir publicitat Desavantatges Es necessita disposar dun allotjament web Sha dinstallar en un servidor (calen coneixements tcnics) La seguretat, lspam i les actualitzacions del gestor sn competncia del propietari del bloc. Serveis Premium i VIP Es pot ampliar espai, allotjar el blog sota un domini determinat, afegir publicitat o editar una fulla destils prpia si sabona una petita quantitat (http://en.wordpress.com/products/). Es pot customitzar el codi PHP, la grfica i afegir plugins si disposem de pgines amb un gran volum de trnsit (http://vip.wordpress.com/).

Per a conixer totes les caracterstiques del gestor de continguts WordPress, teniu a la vostra disposici la segent pgina: http://codex.wordpress.org/es:WordPress_Features

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 7

3. Allotjament web de WordPress Per a poder installar WordPress versi 2.0 o posteriors, el requeriments del servidor dInternet sn els segents: PHP versi 4.3 o superiors MySQL versi 4.1.2 o superiors Mdul mod_rewrite dApache (necessari per activar els enllaos permanents dels entrades). Sistema operatiu Linux preferentment i Apache FTP Una gran quantitat de provedors dallotjament web compleixen aquest requeriments. WordPress t una pgina on recomana empreses de hosting que sentenen a la perfecci amb el seu gestor de continguts: http://wordpress.org/hosting/. Wordpress recomana el servei Blue Host (http://wordpress.org/hosting/), que ha estat valorat com el millor servei de hosting des de lany 2004. Els hostings nord-americans sn ms barats que els espanyols i ofereixen ms avantatges (capacitat demmagatzematge, comptes de correu, etc.), per quan necessitem comunicar-nos amb ells ho hem de fer en angls. Aix s, responen en 24 hores i has descriure molt malament perqu no tentenguin. Blue Host o DreamHost (http://www.dreamhost.com/) van ser dels primers doferir una installaci semi-automatitzada de WordPress com podem veure en aquest tutorial: http://tutorials.bluehost.com/started/ La popularitat dels blogs, i en especial del gestor de blogs WordPress, ha originat que les empreses dallotjament web ofereixin installacions automatitzades (o semi-automatitzades) daquesta eina de blogging com un servei ms del seu catleg. Les empreses de hosting posen a la disposici dels seus clients eines per a installar automticament Wordrpess (Fantastic es una de les eines ms populars). Si voleu trobar empreses de hosting que ofereixen aquest servei, el millor que podeu fer s introduir les paraules alojamiento WordPress o hosting WordPress a Google i consultar la pgina de resultats.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 8

Imatge: Captura duna promoci de Nominalia.

Si el que esteu cercant s un hosting gratut, introduu les paraules alojamiento WordPress gratis o hosting WordPress gratis. La majoria dels hostings gratuts es financen mitjanant publicitat, el que vol dir que sortir publicitat en el vostre blog. Penseu que s un aspecte a valorar, ja que si el ms important per a vosaltres s que la opci sigui gratuta teniu el servei wordpress.com. El hosting 000webhost.com (http://www.000webhost.com/) permet installar gratutament i sense publicitat WordPress. Aquest hosting es mant per les donacions que fan els seus usuaris. Fabian Muller explica en un entrada publicat a Webexperto com installar el WordPress: http://www.webexperto.com/articulos/art/290/instalar-wordpress-enhosting-gratis/

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 9

4. Installaci de WordPress (Font: Wordpress.org) Els passos a seguir per a installar WordPress en el teu servidor sn els segents:

1. Trieu el hosting Consulteu el punt anterior daquests apunts i cerqueu aquell allotjament web que compleixi els requeriments necessaris per installar WordPress i que ms sadeqi a les vostres necessitats i coneixements. Penseu que sha de tenir un perfil una mica tcnic per a dur a terme la installaci en un servidor propi. Verifiqueu que el hosting disposa dels requeriments necessaris (Apache i el seu mdul mod_rewrite. Sistema operatiu Linux preferentment) Verifiqueu les versions del PHP (4.3 +) i MySQL (4.1.2 +) Nom i contrasenya dusuari del teu lloc web Un editor de textos de text pla (Notepad, el bloc del notes de lordinador) Un programa client FTP Navegador web

2. Consulteu la documentaci i planifiqueu el vostre bloc WordPress s una eina molt documentada que et facilita la seva utilitzaci. Hi ha una pantalla que et guiar en els primers passos a fer: Nou en WordPress, Per on comenar: (http://codex.wordpress.org/es:New_To_WordPress_-_Where_to_Start) Algunes preguntes importants que thas de fer abans dinstallar res: On vull visualitzar el bloc? En la pantalla dinici del domini, com una opci ms dins el web o no el vull fer visible? En funci de la resposta installars el programari en larrel del teu directori o en algun subdirectori que fars visible o no des de la teva web. Quines pantalles vols afegir al teu bloc? Qui som, Contacte... Quines funcionalitats subscripci... vols que tingui el teu bloc? Calendari,

Quina estructura vols que tingui el teu bloc?

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 10

3. Descarregueu i installeu WordPress El WordPress sel podeu descarregar des de la pestanya de Download: http://wordpress.org/download/ El programari est disponible en catal (http://ca.wordpress.org/), aix com en altres idiomes. 1. Descarrega i extreu el paquet de lltima versi de WordPress. 2. Crea una base de dades per a WordPress en el teu servidor web i un usuari de MySQL que tingui tots els privilegis per accedir i modificar-la. 3. Reanomena config.php. l'arxiu wp-config-sample.php amb el nom wp-

4. Obre wp-config.php en el teu editor de text i completa les dades per a la teva base de dades. 5. Puja tots els arxius de WordPress en el directori que vulguis del teu servidor. 6. Ves a ladrea http://elmeudomini.com/wp-admin/install.php i executa lscript dinstallaci de WordPress que apareixer. Aquest script generar les taules que necessita WordPress.

7. Segueix els passos que WordPress et marcar i apuntat lusuari i la contrasenya per a entrar al gestor. 8. Quan finalitzi la installaci podrs entrar al gestor amb lusuari i contrasenya que el programa dinstallaci tha proporcionat. Ara, ja pots comenar a editar el teu bloc.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 11

5. La interfcie de WordPress El blog el visualitzars al posar ladrea on lhagis installat, i per entrar al gestor de continguts has dafegir wp-admin a ladrea del navegador. http://el_teu_domini/wp-admin o http:// el_teu_domini/directori_del_bloc/wp-admin

Un cop entrem al gestor amb el nom i contrasenya que tenim, ens trobem amb el Tauler dadministraci de WordPress. Aquesta pantalla s modular i configurable, i des daqu accedirem a totes les funcions i possibilitats que ens ofereix el gestor. A continuaci anem a veure les rees principals de la interfcie del tauler dadministraci per poder orientar-nos dins el gestor, i desprs farem una ullada al frontend del bloc per saber on surten els diferents camps i elements que anem farcint des del gestor de continguts del WordPress.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 12

Backend: Tauler dadministraci

Capalera Des don es pot visualitzar el blog (nm.1), realitzar les tasques ms freqents i sortir del gestor (nm.2), mostrar i ocultar mduls o canviar el distribuci de la zona de mduls a ms a ms duna pestanya dajuda contextualitzada (nm.3). Sota la capalera fixeu-se que s la zona designada per avisar-nos de noves actualitzacions. Men principal (nm.4) Serveix per a treballar amb el gestor. T tres parts: Tauler ens permet tornar sempre a la pantalla dinici del Tauler dadministraci, el segon grup dopcions estan relacionades amb la publicaci i gesti de contingut i comentaris, mentre que lltim grup dopcions estan relacionades amb la configuraci del bloc. rea de treball (nm.5) Ens mant informats de les novetats amb els segents mduls: Ara mateix, Comentaris recents, Enllaos entrants, Extensions, Editor rpid, Esborranys recents, Blog de desenvolupament de WordPress, Altres notcies de WordPress. Lrea de treball es pot configurar des de la pestanya Opcions de Pantalla (nm.3), des don podem mostrar i ocultar mduls o canviar la seva distribuci afegint o treien columnes.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 13

Per la seva banda, la majoria dels mduls poden canviar-se de lloc simplement arrossegant-los per la pantalla (drag & drop), minimitzar-se i alguns fins i tot configurar-se en la mateixa pantalla grcies a la tecnologia AJAX, i a la cura i elegncia amb que els desenvolupadors han treballat la interfcie de ladministrador. En passar per sobre la barra del ttol dun mdul apareix una fletxa cap a baix que permet minimitzar el mdul. El cursor canvia per indicar-nos que el mdul s arrossegable.

En alguns casos apareix lopci Configura, que ens permet canviar els parmetres del mdul o deixar-lo tal i com estava si cancellem.

Ara, i abans de comenar a parlar de totes les opcions que teniu a la vostra disposici en el men principal de ladministrador, anem a veure el frontend del WordPress.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 14

La plantilla blava que porta per defecte WordPress sanomena Kubrick. Les plantilles (themes) configuren la distribuci delements en el bloc i la seva grfica. Existeix una nodrida comunitat dusuaris aficionats i professionals que desenvolupen noves plantilles per Wordpress. El gestor publica totes aquestes plantilles en la secci Extend > Themes (http://wordpress.org/extend/themes/) un cop han estat aprovades oficialment. Frontend Lestructura tpica dun bloc consta dels segents elements:

Capalera En la capalera ha de sortir el nom del bloc, de lautor o de lorganitzaci i la temtica del bloc. En cas de ser un bloc corporatiu la capalera ha de respirar la imatge corporativa de lempresa i si sescau, el logotip. Personalitza el teu blog amb WordPress
CI-011 v.01 Dossier / 15

s important que la temtica quedi clara perqu ajuda lusuari a fer-se una idea rpida del contingut del bloc. Zona de continguts Aquesta s la zona principal del blog perqu s on apareixen publicats els entrades que van generant-se i donen sentit al bloc. Els entrades sorganitzen amb un ordre de cronologia inversa tant a la portada com al administrador. Un entrada t tres rees: - el ttol i la data. El ttol et porta a la pgina de lentrada, on trobem lentrada sencer i el frum del mateix. - la zona del contingut multimdia. - el peu, on es poden trobar les funcionalitats relacionades amb lentrada: etiquetes, categoria on sha arxivat, accs als comentaris i possibilitat de comentar. Barra lateral (sidebar) En aquesta zona es publica contingut (pgines i enllaos) i trobem moltes de les utilitats del bloc (cercador, categories). En aquesta zona tamb es on es publiquen els widgets o ginys, petites aplicacions interactives que permeten visualitzar informaci daltres plataformes. Wordpress incorpora un sistema de Widgets per a les seves plantilles que ofereix moltes possibilitats.

s important destacar que quan sescull un entrada determinat perqu es vol consultar el seu frum o fer un comentari, la barra lateral desapareix.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 16

6. Publicar amb WordPress WordPress permet publicar diferent tipus de contingut: entrades, pgines i enllaos. Anem a veure les caracterstiques de cadascun daquests elements. Crear entrades Les entrades sn els contingut principal del bloc. Ocupen la part central de la interfcie i sorganitzen per data de publicaci en un ordre cronolgic invers (lltim publicat apareix el primer de la llista). Les ltimes entrades publicades apareixen en la pantalla dinici del bloc, la resta queden arxivades per ordre cronolgic sota lepgraf Arxius o per ordre temtic sota lepgraf Categories. Totes les entrades tenen la seva prpia pantalla, on es pot veure lentrada sencera, tota aquella informaci relativa a la mateixa (data de publicaci, autor, tags, categoria...) i els comentaris que shan fet a lentrada en qesti. Aquesta s la caracterstica ms definitria dels blocs: la possibilitat de comentar cadascuna de les entrades, el que ajuda a focalitzar la conversa amb els usuaris.

En el tauler de ladministrador les entrades sn la primera opci del men. Edita: permet editar entrades existents. Afegeix: permet crear una nova entrada. Etiquetes: possibilita la generaci detiquetes per aplicar-les a les entrades. Categories: possibilita la generaci de categories per a organitzar les entrades.

Al seleccionar lopci Afegeix generem una nova entrada. La pantalla daquesta es divideix en dues parts: en la columna de lesquerra podem veure totes les opcions que fan referncia a ledici del text de lentrada i la interacci amb lusuari, mentre que a la dreta sn les opcions relacionades amb lorganitzaci daquesta entrada dins el bloc: on lemmagatzemem (publicaci) i sota quins criteris (etiquetes i categories).

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 17

Camp ttol: En primer lloc ens trobem el camp per a introduir el ttol. Camp contingut Sota el ttol est el camp per escriure el cos de lentrada. Aqu podeu introduir qualsevol element que vulgueu fer pblic a travs de la vostra entrada: text, enllaos, imatges, udio i vdeo. Per a introduir elements multimdia en la vostra entrada existeixen les icones de la mediateca que es troben situades sobre el camp de text del cos: Afegir imatge | vdeo | udio | mdia En seleccionar qualsevol dels element multimdia sortir una finestra emergent per a qu pugueu larxiu des del vostre ordinador, lagafeu dInternet o el cerqueu a la mediateca perqu ja el teniu al gestor.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 18

Per a canviar laspecte del text teniu a la vostra disposici leditor HTML de la vista Visual; tot un seguit de botons amb una iconografia fora estndard que ens permet:

Fer llistes

Citar

Aliniear

Enllaos

Ms informaci

Corrector ortogrfic

Pantalla sencera

Mostra/Amaga eines avanades

Si cliquem el bot per a Mostrar les eines avanades ens trobem amb la segent barra deines:

El primer camp desplegable ens mostrar els estils HMTL disponibles a la plantilla grfica escollida. Altres icones que no sn tan fcilment reconeixibles: Es fan servir per enganxar text de Word o de qualsevol altre programa (icona amb la T). Netegen el codi que sarrossega dels programes on es copia el text: Word, pgines web... Serveix per esborrar el format que se li ha aplicat al text. Introduir un mdia incrustat (un arxiu Flash, Quicktime...) Permet introduir carcters especials. Laltra vista possible a lhora deditar el text s la vista HTML, on es veu el codi HTML de lentrada. Aquesta vista es fa servir si voleu netejar el codi perqu heu arrossegat codi dun altre programa o heu fet moltes proves i no sabeu si han quedat restes al codi. Si se sap HTML tamb es pot fer servir per a introduir etiquetes que no estan contemplades en leditor HTML de la vista Visual.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 19

Mdul Extracte Aquest camp s un camp resum que equivaldria a la descripci que es fa de les pgines web en les etiquetes meta de la capalera. Mdul Envia retroenllaos Els retroenllaos sn per a notificar a sistemes de bloc antics que els heu enllaat. Si enllaceu altres blocs amb el WordPress aquests seran notificats automticament mitjanant retropings sense que calgui que feu res ms. Mdul Camps Personalitzats Els camps personalitzats poden ser usats per a afegir metadades addicionals a una entrada. I un cop introdut un camp i el seu valor els tindrem disponibles en totes les entrades. Per per a visualitzar aquestes metadades sha de tocar el codi PHP de la plantilla de Wordpress que tenim installada. Per exemple: Estat anmic: contenta, trista, divertida... Mdul Discussi Les dues opcions existents han destar actives (permetre comentaris i retroenllaos), doncs, quan es crea un bloc s molt important obrir tots els canals possibles per a interactuar amb els lectors i la resta de bloggers. Mdul Comentaris Aqu surtiran tots els comentaris que els usuaris han fet a aquesta entrada. Mdul Publica Serveix per a publicar la teva entrada i previsualitzar-la abans de la seva publicaci. WordPress disposa tamb daltres estats de publicaci que es poden activar des del bot Editar de lEstat: esborrany i pendent de revisi. Les opcions de visibilitat sn: pblica, privada o protegida. Publica: podem determinar una data de publicaci.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 20

Mdul Etiquetes Les etiquetes sn micro-categories pel bloc, i la seva importncia en Internet va en augment. Si disposem dun blog sempre hem detiquetar cadascuna de les entrades perqu la gent les pugui trobar i els motors de cerca les indexen amb ms facilitat i duna manera ms acurada.

Mdul Categories Serveixen per a classificar el contingut del blog sota categories prpies, aix els lectors poden navegar per categories especfiques per a veure totes les entrades duna categoria. Sn un men del contingut del blog, aix que no haurien dhaver-hi moltes. Des daquesta finestra es poden afegir categories i seleccionar aquella/es sota les que sha demmagatzemar lentrada.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 21

Editar entrades Aquesta opci serveix per a gestionar totes les entrades que hem generat. Des daqu es poden esborrar, visualitzar i fer una edici rpida de les propietats de lentrada (nm. 4) Podem cercar per qualsevol paraula per a trobar una determinada entrada (nm.1) en el cercador. Tamb podem canviar les opcions de visualitzaci del llistat dentrades (nm.3). Les entrades es classifiquen en funci del seu estat: Publicades, Esborrany, Eliminades. Si premeu lopci Paperera podeu restaurar alguna entrada eliminada per error o eliminar-les definitivament del gestor. A la barra de filtres (nm.2) podem realitzar accions massives dedici de les propietats de les entrades o eliminaci. Altres filtres existents que ens serviran per a destriar entre les entrades sn la data de publicaci i la categoria. Per aplicar el filtre heu de prmer el bot Filtre.

Per a modificar les columnes visibles del llistat aneu a la pestanya Opcions de pgina sota la capalera.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 22

Categories i etiquetes Les funcionalitats detiquetes i categories tenen el mateix formulari en ladministrador. La nica diferencia s que les categories es poden jerarquitzar al indicar al gestor que pengen de una categoria superior. Per exemple: Gestors de continguts seria la categoria pare, i WordPress, Joomla... serien els fills.

La pantalla est dividida en dues columnes, la de lesquerra serveix per a introduir una nova categoria amb tots els seus camps, mentre que en la columna dreta podem gestionar les categories existents. Els camps per afegir una nova categoria o etiqueta sn els segents: Nom de la categoria o de letiqueta ha de ser nic. URL de la categoria: serveix per a realitzar cerques per categories/etiquetes des del navegador. Exemple: http://wp.repositorimagmatic.com/category/musica/ o http://wp.repositorimagmatic.com/?tag=themes Categoria superior (soles en el cas de les categories): serveix per a fer una jerarquia de categories. Descripci: aquest text soles es mostra en algunes plantilles de WordPress, en daltres no s visible. Personalitza el teu blog amb WordPress
CI-011 v.01 Dossier / 23

Els mdia i la mediateca Els mdia sn els arxius dimatge, vdeo, udio i altres tipus darxius (pdf, Word...) que podem pujar al bloc i utilitzar-los. Els elements multimdia safegeixen al bloc mentre es redacta una entrada, tal i com ja sha explicat en lapartat Crear una entrada (pg. 19). Aqu us recordem la iconografia que WordPress fa servir pels diferents tipus delements multimdia i que trobareu sobre el camp del contingut de qualsevol entrada del bloc. Afegir imatge | vdeo | udio | mdia En seleccionar qualsevol dels element multimdia surtir una finestra emergent per a qu pugueu larxiu des del vostre ordinador, lagafeu dInternet o el cerqueu a la mediateca perqu ha estat pujat prviament. Lopci Mdia del men principal de ladministrador permet gestionar els recursos multimdia que anem afegint al bloc a travs de les entrades, aix com pujar-ne de nous per a tenir-los disponibles sempre que els necessitem a travs de la subopci Afegeix. En lopci Mediateca podem editar, eliminar o veure els mdia emmagatzemats en el gestor. Es pot dur a terme una acci massiva per a eliminar arxius i disposem del cercador per a localitzar un element determinat.

Les opcions per a editar una imatge van ms enll dels camps descriptius de la mateixa (ttol, alt text...). Per accedir al panell dedici fsica de la imatge on podrem retallar, escalar i girar-la, hem de seleccionar el bot Edita la imatge que surt al mostrar les propietats duna imatge sota la fitxa tcnica de la mateixa.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 24

En el cas de pujar un arxiu multimdia recordeu que s important per temes daccessibilitat omplir com a mnim els camps Ttol i Text alternatiu. Poseu-li llegenda si voleu que aparegui un peu de foto i la descripci seria per aquells tipus darxius que necessiten ser descrits amb ms duna frase per poder explicar el seu contingut (vdeo, udio, Flash...).

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 25

Els enllaos En un bloc s molt important oferir un llistat denllaos interessants (blogroll) relacionats amb la temtica del bloc, perqu els blogs tendeixen a relacionar-se entre ells a travs dels enllaos i a crear comunitats i xarxes socials, cadascuna amb els seus participants i temes caracterstics. WordPress permet: Organitzar els enllaos per categories Fer-los privats Indicar el tipus de relaci del blogger amb lenlla Associar lenlla amb una imatge Avaluar la rellevncia de lenlla

Lopci Edita es un llistat que ens permet gestionar els enllaos existents: editar-los, eliminar-los, cercar-los i filtrar per categories o per altres parmetres predefinits (nom, puntuaci...).

Lopci Categories denllaos possibilita la creaci de noves categories que sortiran al frontend i que ens serviran per a classificar els enllaos.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 26

Lopci Afegeix un enlla s molt completa. Disposa dels segents mduls per a organitzar i definir lenlla: Nom, adrea web, descripci i destinaci de lenlla. Categoria on es classifica Si s pblic o privat Relaci amb lenlla (XHTML Friends Network) Avanat, on pots emmagatzemar informaci afegida sobre lenlla.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 27

Pgines esttiques Les pgines esttiques fan possible afegir tota aquella informaci fixa que volem que formi part del men del blog per interessos personals, professionals o corporatius. Les pgines resten fora de la cronologia normal del bloc: About, Contacte, etc. Aquest tipus de pgines ms propis duna web, i el fet de qu Wordpress permet generar-les i organitzar-les de manera flexible a travs del mdul datributs (poden jerarquitzar-se, ordenar-se o aplicar-li una plantilla determinada si est previst en el thema escollit pel blog), fa que aquest gestor de continguts per a blogs estigui fent-se servir com a gestor de continguts per a web. Els programadors agafen el codi de WordPress i ladapten en funci de les necessitats del client.

Lopci Edita es un llistat que ens permet gestionar les pgines existents: editar-les, visualitzar-les, eliminar-les i cercar-les.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 28

Els comentaris Lopci comentaris del men principal permet gestionar els comentaris existents en tot el bloc. Els comentaris es poden classificar com el correu electrnic en pendents, aprovats, spam i eliminats. En aquesta pantalla tamb podem cercar comentaris, realitzar accions massives deliminaci de comentaris i filtrar-los per tipus: comentaris o pings.

Per a modificar les opcions dels comentaris sha danar al men Opcions > Discussi.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 29

7. Configuraci del bloc: usuaris, opcions, extensions i eines Un cop vistes les opcions relacionades amb la publicaci i gesti de continguts i comentaris, anem a analitzar aquell ltim grup dopcions relacionades amb la configuraci del bloc. Abans de parlar de la personalitzaci grfica del bloc anem a repassar les opcions de configuraci del mateix: usuaris, opcions, extensions i eines.

Usuaris Lopci Usaris del men principal permet definir el perfil del blogger i afegir usuaris al teu bloc, b en qualitat dautors o b en qualitat dusuaris sense permisos per a escriure posts.

En primer lloc el que farem s descriure el nostre perfil dusuari des de lopci El vostre Perfil del men Usuaris. En aquesta pantalla podem: Canviar algunes propietats de ladministrador del Wordpress: gama de colors, ocultar o visualitzar leditor HMTL a lhora descriure i activar dreceres de teclat per a moderar els comentaris. Afegir les dades del blogger que volem que siguin pbliques i canviar la contrasenya daccs a ladministrador del Wordpress.

Per afegir nous usuaris al bloc hem danar a lopci Afegeix. Els usuaris no poden registrar-se ells mateixos, sin que ladministrador els ha de donar dalta, a no ser que explcitament lindiqueu a WordPress que qualsevol persona pot registrar-se amb un rol predeterminat per vosaltres (Men Principal Opcions > General > Pertinena i Rol inicial dels nous usuaris). Els rols que poden ser assignats als usuaris sn els segents: Administrador: t permisos descriptura per a tot. Subscriptor: nicament pot gestionar el seu perfil. Editor: publica i gestionar entrades i pgines, tant si les ha creat ell com si no. Autor: publica i gestiona nicament les seves prpies entrades. Collaborador: pot escriure i gestionar les seves prpies entrades per no publicar-les. Per a gestionar els usuaris del nostre bloc tenim lopci dAutors i usuaris. Des daqu podem cercar usuaris, eliminar-los o canviar-los el rol o veure la seva contribuci al bloc (les entrades que han escrit).

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 30

Opcions Des del men Opcions es poden configurar la majoria delements del bloc: canviar la informaci del bloc, les preferncies descriptura i lectura del mateix o la configuraci dels comentaris. Lopci General sn les opcions generals del bloc: ttol, descripci, adrea, mail de ladministrador, format dhora i data i la possibilitat de que qualsevol persona pugui registrar-se en el bloc amb un rol predeterminat per vosaltres (camps Pertinena i Rol inicial dels nous usuaris).

Les opcions descriptura fan referncia a la configuraci de la pantalla on sescriuen les entrades i les possibilitats de publicaci dentrades des daltres plataformes: mida de la caixa del contingut de lentrada, categoria i categoria denllaos per defecte on emmagatzemar les entrades i els enllaos, enviar entrades per correu electrnic, publicar de manera remota o fer un ping als serveis dactualitzaci que lindiqueu a WordPress cada cop que introduiu una nova entrada.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 31

Les opcions de lectura permeten configurar la pantalla dinici del bloc (quantitat dentrades desitjades o si el que es vol es collocar una pgina esttica com a pantalla inicial) i com volem que la nostra informaci sigui enviada a navegadors i lectors de feeds. Els lectors de feeds faciliten la rpida recepci de nous continguts que shan publicat en el nostre sector o les nostres fonts preferides, permeten ordenar el contingut sota el nostre criteri i informar-nos dels continguts pendents de lectura. Aquest tipus deines permeten rebre els continguts daquells canals als que lusuari sha subscrit (webs i blocs) des del navegador web, de manera que no sha danar a cercar la informaci navegant fins la font de la notcia sin que la informaci arriba al seu navegador. Els lectors de feeds ms coneguts sn Bloglines, Google Reader i Feedburner. Les opcions de discussi permeten configurar usuaris, els pingbacks i trackbacks, moderaci dels de conversa, spam de comentaris, enviament de blogs quan fem una nova entrada, avisar per ladministrador de lexistncia de nous comentaris o sidentifiqui amb un avatar. els comentaris dels comentaris, crear fils notificacions a altres correu electrnic a permetre que lusuari

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 32

Les opcions del mdia permeten definir les dimensions mximes que cal usar quan s'insereix una imatge en un entrada o un altre mdia. Les opcions de privacitat permeten fer el bloc visible o invisible pels cercadors. Els usuaris sempre el veuran a no ser que el posem en una xarxa privada o sota contrasenya. Les opcions dels enllaos permanents (permalinks) permeten canviar lestructura de les URL de les entrades i arxius de WordPress de manera que siguin URL friendly, s a dir, ms usables. WordPress emmagatzema les adreces de les entrades per defecte amb una combinaci de signes i xifres, per permet variar aquesta estructura b a travs dopcions predeterminades o b a travs duna estructura personalitzada. Per a les categories i etiquetes ens permet afegir un prefix personalitzat a la URL.

Les opcions diversos serveixen per a configurar el directori on es volen pujar els arxius (per defecte s wp-content/uploads), organitzar els arxius en carpetes en funci de la data i resseguir les actualitzacions que es produeixen en els enllaos que tenim llistats al blogroll.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 33

Extensions (Plugins) Existeix una gran quantitat dextensions disponibles per WordPress grcies al dinamisme de la seva comunitat de desenvolupadors. Les extensions, connectors o plugins sn eines que permeten afegir noves funcionalitats; daquesta manera es pot personalitzar el bloc perqu respongui a les necessitats de cada usuari. El repositori oficial dextensions per WordPress es troba a la segent adrea: http://wordpress.org/extend/plugins/ Lopci Installades permet gestionar les extensions que t installades el bloc: activar-les o desactivar-les, eliminar-les, cercar-les i editar-les. LEditor dExtensions permet editar el codi de lextensi aix com cercar les funcions que fa servir lextensi a la documentaci tcnica de WordPress. Lopci Afegeix permet cercar extensions per paraula clau, autor, etiqueta o per les ms populars dins la comunitat de WordPress, les ms noves o les recentment actualitzades. Tamb s possible pujar les extensions programades per un mateix. Installar una extensi disponible pel WordPress s una tasca senzilla: 1. Cerqueu lextensi (Ex. Favicons) 2. Seleccioneu Installa en la fila que correspon a lextensi que desitgeu en el llistat de la cerca.

3. Fixeu-se amb les compatibilitats de lextensi i la versi de WordPress que teniu installada, tot i que molt probablement WordPress us avisar si lextensi que voleu installar no ha estat provada amb la vostra versi de WP. 4. Llegiu la Descripci de lextensi i les Instruccions dinstallaci. A la columna dreta teniu una pastilla que baixar i installa lextensi de manera automtica. 5. Un cop WP us informe de qu lextensi ha estat installada, activeu-la en aquesta mateixa pantalla i seguiu els passos que us han indicat a la pestanya Installaci. 6. Reviseu en lopci dExtensions Installades si est activa i si t parmetres per a la seva configuraci. Personalitza el teu blog amb WordPress
CI-011 v.01 Dossier / 34

Imatge: Quadre de dileg de lextensi triada

Imatge: Pantalla dinformaci de lestat de la installaci de lextensi. Des daqu sactiva lextensi.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 35

Eines WordPress disposa deines que permeten accelerar WordPress en lequip local, importar/exportar contingut daltres fonts dinformaci o actualitzar la versi de WP. Les dues eines que trobem a lopci Eines s aconsellable que les installeu perqu sn fora tils: laccelerador del WordPress en lequip local mitjanant Google Gears i leina Publica Aix que permet copiar i enganxar en una entrada nova del nostre blog informaci que trobem a la web. Si teniu entrades o comentaris en un altre sistema, el WordPress pot importar-los al vostre bloc actual. WP tamb permet exportar en un fitxer XML tots els continguts que shan generat al bloc per a importar-los en un altre bloc de WP. I per ltim tenim lopci per actualitzar la versi de WP que teniu installada a una altra de ms recent. Es pot fer de manera automtica o manual.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 36

Personalitza la grfica del teu bloc Les plantilles (themes) configuren la distribuci delements en el bloc i la seva grfica. Existeix una nodrida comunitat dusuaris aficionats i professionals que desenvolupen noves plantilles per Wordpress. El gestor publica totes aquestes plantilles en la secci Extend > Themes (http://wordpress.org/extend/themes/) un cop han estat aprovades oficialment.

WordPress permet diferents nivells de personalitzaci grfica: 1. Installar un tema que ens agradi i canviar-li la capalera 2. Retocar la fulla destils del tema escollit 3. Canviar els grfics i la CSS

Temes i plantilles Els temes de WordPress sn els skins, laparena del bloc. Els temes sn un conjunt darxius (grfics, fulles destil, plantilles per diferents tipus de pgines, arxius de codi...) que generen una interfcie grfica i un layout pel bloc. Els temes canvien laparena del bloc per no afecten la programaci de laplicaci. WordPress ofereix dos temes per defecte en la seva distribuci per al seu s inicial (Kubrick i Classic). Podeu canviar entre aquests dos temes mitjanant el panell d'administraci: Aparena > Temes. En la pantalla Temes teniu en primer lloc el Tema actual que s el que teniu actiu, i a sota trobareu els Temes disponibles que sn els que teniu installats al servidor: premeu lenlla Activa del tema disponible Classic i visualitzeu el bloc. WordPress est programat per a canviar de manera fcil el tema del teu bloc. Anem a comprovar-ho: 1. Anar lopci Afegeix un nou tema del men Aparena. 2. Cerqueu per terme, autor o etiqueta. Tamb podeu aplicar un filtre si considereu que algun dels filtres predeterminats s important pel disseny del vostre bloc. O cerqueu en les categories establertes per WP: Destacades | Ms noves | Recentment actualitzades 3. Llegiu les descripcions dels temes a la pantalla de resultats perqu la informaci que contenen s rellevant (si suporta o no Ginys...) i previsualitzeu el tema abans dinstallar-lo. Ex: Multi-Color. 4. En la pantalla de resultats seleccioneu lenlla Installa del tema desitjat. Sortir una pantalla de confirmaci de la installaci del nou tema.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 37

5. Torneu a lopci Temes del men Aparena i Activeu el tema que acabeu dinstallar i personalitzeu la capalera del blog (Aparena > Capalera personalitzada)

Nota: Si el tema que voleu proporciona instruccions, assegureu-vos de llegir i seguir les instruccions per a la installaci correcta del tema. Els temes poden proporcionar funcionalitats opcionals especials que poden requerir ms passos que els passos d'installaci esmentats a dalt. Personalitza el teu blog amb WordPress
CI-011 v.01 Dossier / 38

Personalitza la grfica amb els teus arxius i fulla destils El tema que installeu pot suportar o no ginys, personalitzaci de colors, dels grfics de la capalera, edici de les fulles destil... Per aquest motiu sheu de fixar b en la descripci del tema abans dinstallar-lo. Tamb s possible que us aparegui alguna opci nova al final del men Aparena o dins les opcions existents si el tema que heu escollit permet personalitzar alguns elements del disseny. Per exemple, el tema anomenat Multi-Color permet canviar el grfic de la capalera i genera una nova opci al men Aparena anomenada MultiColor Theme Options.

En aquest tema anem a canviar alguns estils per adaptar-ho a la grfica que tenim pensada pel nostre bloc: canviarem les mides de la capalera que s massa alta i els colors per a fer servir els corporatius nostres. Primer investigarem les opcions predeterminades que proporciona el tema. Per exemple, el tema Multi-Color ens permet fer els segents canvis a la capalera: canviar el grfic de fons triar el color del text ocultar o mostrar el text Pel que fa als colors, aquest tema permet personalitzar la distribuci dalguns elements en la pantalla i escollir entre un llistat predeterminat de combinacions de colors.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 39

Decidim canviar les mides dalt de la capalera perqu sadapti millor al disseny que tenim pensat pel bloc. Per a fer canvis en els arxius del tema heu danar a lopci Aparena > Editor. LEditor de laparena permet canviar el contingut dels fitxers que conformen el tema. Disposeu els arxius PHP de les plantilles i de les fulles destil del tema. Si aneu a modificar un valor no cal fer una cpia de seguretat per si aneu a tocar ms valors s important que prviament copieu el contingut del fitxer en un editor de text pla com el bloc de notes, el Notepad++ o qualsevol altre que no distorsioni el codi que copiareu (mai feu servir el Word ni daltres processadors de text que afegeixen el seu propi codi). Personalitza el teu blog amb WordPress
CI-011 v.01 Dossier / 40

1. Per a canviar les mides de la capalera hem canviat les dimensions de lalada en larxiu Funcions del tema (functions.php): En la lnia 6 hem canviat el valor de la funci define('HEADER_IMAGE_HEIGHT', 200); per 73. El resultat s define('HEADER_IMAGE_HEIGHT', 73); 2. Ara pujarem a travs de lopci Aparena personalitzada larxiu capalera_m3i.gif. > Capalera

3. Al reduir la capalera el ttol sen surt. Anem a modificar la seva posici en la Full destils (style.css): sota el ttol /* Header */ trobareu definit el #header h1, al que li canviarem el padding-top de 50 a 6 pxels. Restar aix: padding-top: 6px; 4. Ara canviarem el color del men principal, per nicament un dels seus estats, el seleccionat. Laparena dels temes de WordPress es controla des de les fulles destil. En una plantilla hi ha fora estils, de manera que per a saber lestil que estem cercant el que sha de fer s visualitzar el codi font de la pantalla en el navegador i cercar algun text que quedi incls dins el que volem canviar. Un cop localitzat en el codi font ens fixarem en lestil que t aplicat i aleshores tindrem el nom de lestil que volem canviar. En el nostre exemple triem la pantalla About i aquest ser el text que cercarem. Un cop hem localitzat el text About dins el men principal ens fixem en lestil que t aplicat, en aquest cas letiqueta li: <li class="page_item page-item-2 current_page_item"> Aquest estil es troba a la fulla destils prpia del color escollit per la plantilla: style-black.css, style-brown.css o style-grey.css. En la que teniu escollida cerqueu en la segona lnia dels estils del men i canvieu el color del background de #444 a #CB1A57. Ha de quedar aix: .menu ul .current_page_item a:hover { background: #CB1A57; color: #fff; text-shadow: 1px 1px 1px #333; } 5. Ara canviarem el color dels ttols de la barra lateral: Arxius i Tags. Cercarem al codi font de la pgina la paraula Archives i vorem que s un H2. Anem a canvir-li el color de fons: .sidebar ul li h2 { background: #aa71b2 url(images/gray/sidebar_heading_bg.png) repeat-x top; textshadow: 1px 1px 1px #9758a0; } Ups, s una imatge de fons, aix que no podem canviar el color de fons mitjanant estils sin que ho haurem de fer substituint el grfic. B, ja veieu que podem anar personalitzant la fulla destils fins lltim detall. En aquest ltim cas necessitarem substituir els grfics.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 41

Per a canviar la fulla destils i els grfics dun disseny per tal de personalitzar-lo del tot, sha de fer prviament el disseny amb un programa de disseny grfic (Photoshop, Gimp, etc.) i modificar els valors dels estils en la fulla destils, b a travs de leditor del WordPress o b amb un editor de text pla (Bloc de notes, NotePad ++) o amb un editor HMTL com el Dreamweaver. I per a pujar el que feu, aix com per a realitzar les nombroses proves amb la fulla destils si lediteu en local, necessitareu un programa dFTP (File Transfer Protocol) com el Filezilla o qualsevol altre que us agradi. Si editeu la fulla destils en local disposareu del cercador de leditor de text o HMTL que us facilitar la rpida localitzaci dels estils i lajut del codi de colors (en el cas del NotePad++ o el Dreamweaver), per per a visualitzar el que esteu fent haureu de pujar constantment per FTP la fulla destils. Pel que fa als grfics: Podeu fer un disseny previ i desprs cercar un tema que sadapti per a personalitzar-lo. Podeu cercar un tema que us agradi, fer una captura de pantalla del mateix i posar-vos-el de base en el programa de disseny per anar dissenyant amb la captura com a guia. Els temes sinstallen dins els WordPress a la carpeta wp-content. All podreu veure els dos temes per defecte del WP i els que heu installat. No estaria de ms fer una cpia de seguretat del tema abans de comenar a tocar-lo per si necessitem restituir algun arxiu o fer comparacions en algun moment del procs de personalitzaci del disseny.

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 42

Una mostra de personalitzaci dun disseny seria la del bloc del Centre de Informaci i Promoci del Delta del Llobregat Porta del Delta: http://www.portadeldelta.cat/blog/

Per a personalitzar aquest disseny es va partir del tema Cloudy Night:

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 43

Ginys (Widgets) Un giny (en angls widget) s una eina virtual interactiva que es pot descarregar i que ofereix serveis com per exemple, les darreres notcies, l'oratge o mapes, entre molts d'altres. (Font: Viquipdia) Els ginys sn gadgets o artefactes que permeten afegir diverses peces d'informaci al contingut secundari temtic normalment a la barra lateral o al peu de pgina de WordPress. El fet de que existeixi ms o menys espai per a collocar ginys dependr del tema escollit. Els ginys sn extensions interactives, s a dir, el lector del bloc pot interactuar amb elles. Per saber els ginys disponibles per WordPress heu danar al repositori dextensions i filtrar per letiqueta widgets: http://wordpress.org/extend/plugins/tags/widget. O si ho feu a travs del panell de ladministrador aneu a Extensions > Afegeix > Cercar per letiqueta Widget o widgets. Un cop escollit el widget linstallem exactament igual que hem fet amb les extensions per la diferncia s que hi ha un pas ms que consisteix a ubicar-lo en una zona predeterminada de la interfcie (Barra lateral, Peu...) a travs de lopci Aparena > Ginys. En funci del tema que hagueu escollit disposareu de una o ms zones on fer el vostre giny visible. Ex: installem el widget Yahoo Weather i un cop ens hem assegurat que el tenim actiu dins lopci Extensions > Installades, anem a fer-lo visible al men Aparena > Ginys arrossegant-lo fins a una de les possibles zones de la plantilla que resten a la columna dreta de la pantalla (Barra lateral, Peu...)

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 44

9. Recursos per ampliar coneixements En el lloc web de WordPress disposeu de tota la informaci i els recursos necessaris per a installar, ampliar, personalitzar i documentar-se sobre aquest potent gestor de contingut per a blogs. Per a descarregar-se WordPress: http://wordpress.org/download/ Repositori extensions: http://wordpress.org/extend/plugins/ Repositori widgets: http://wordpress.org/extend/plugins/tags/widget Repositori temes: http://wordpress.org/extend/themes/ Documentaci oficial: http://codex.wordpress.org/es:Main_Page Per a construir-se un blog rpidament disposeu de moltes eines al mercat, les ms conegudes sn: Blogger de Google: http://www.blogger.com Spaces de Microsoft:http://home.spaces.live.com/ Wordpress.com: http://wordpress.com

Altre programari esmentat en el tutorial: Client FTP Filezilla: http://filezilla-project.org/download.php Programari de disseny grfic Gimp: http://www.softcatala.org/wiki/Rebost Editor de text pla: NotePad ++: http://download.cnet.com/Notepad/3000-2352_4-10327521.html

Personalitza el teu blog amb WordPress

CI-011 v.01 Dossier / 45