Per definir la plantilla de les pàgines he seguit criteris de composició i d’experiència d’usuari. Pel que fa a la composició, els elements s’ordenen de més a menys importància: primer el títol de l’entrada, després la imatge destacada i les dades de l’autor, a continuació el contingut i, al final, les etiquetes, la navegació entre entrades, els comentaris i altres articles recomanats. Tot el contingut va centrat dins d’una amplada màxima de 1180 px perquè el text sigui còmode de llegir, i a totes les pàgines faig servir la mateixa tipografia i la mateixa paleta de colors del tema. Així la web és coherent i es veu professional.

Al bàner hi ha el desplegable «Encarrecs», que permet arribar a qualsevol entrada ordenada per Repte i Encarrec, i les etiquetes serveixen per trobar entrades relacionades per tema. En pantalles petites les columnes s’apilen automàticament perquè el web també es vegi bé al mòbil.

Pas 1: Obre el teu navegador i busques “WordPress”.

Pas 2: Li dones on posa “WordPress.com”.

Pas 3: Vas a dalt a la dreta i li dones on posa “inicia sessió”.

Pas 4: Quan et surti això poses el teu nom d’usuari i la contrasenya i entres.

Pas 5: Al menú de l’esquerra, ves a Aparença > Editor.

Pas 6: Entra a “Plantilles” i obre la plantilla “Home”, que és la de la pàgina principal. Aquí es defineix com es distribueixen el bàner (títol, nom, imatge i botó), el desplegable d’encarrecs i la resta de seccions de la pàgina.

Pas 7: Torna enrere i obre la plantilla “Single”. Aquí es defineix la ubicació del text i de les imatges de totes les entrades. Per canviar la ubicació d’un element, el selecciones des de la vista de llista i l’arrossegues a un altre lloc.

Pas 8: Ves a Patrons > Parts de plantilla. El bàner i el desplegable”Encarrecs” són parts reutilitzables: si en canvio una, el canvi s’aplica automàticament a totes les pàgines que la fan servir, i això garanteix que el disseny sigui consistent.

Pas 9: Per canviar el text o la imatge d’un bloc, hi fas clic i l’edites des del panell de la dreta. També des d’allà pots ajustar els colors, la tipografia i els espais, mantenint sempre la mateixa paleta i la mateixa lletra a tot el web.

Pas 10: Premes “Desa” i comproves el resultat a la web, tant a la pàgina principal com en una entrada.

La plantilla està completament definida i s’aplica de manera consistent a totes les pàgines: totes les entrades fan servir la mateixa plantilla “Single” i la pàgina principal fa servir “Home”, amb el mateix bàner i el mateix desplegable de navegació. Els colors, la tipografia i els espais són els mateixos arreu, i el resultat té una aparença professional.