Com Modificar La Plantilla Nova I No Morir En L

PRESENTACIÓ DE RECURSOS TIC 2

CANVIS DE PLANTILLA

COM MODIFICAR LA PLANTILLA NOVA SENSE POR A. MODIFICAR I ASEGURAR LES IMATGES: 1.

Hi ha plantilles que amb la descàrrega ens donen també les imatges amb les quals han estat dissenyades. Això ens facilita la feina d’assegurar-les: les guardem al nostre ordinador i les poden allotjar a un espai web propi. Una vegada tinguem les seves noves adreces, només caldrà: ƒ

anar a la plantilla HTML

ƒ

cercar les imatges amb la funció de búsqueda (CTRL+F). Les podem buscar pel nom o per la extensió: les imatges acaban en JPG, GIF.

ƒ

substituir les URL velles per les noves.

ƒ

Aquest procés s’ha de repetir amb totes les imatges. Tranquils, sol haver-hi 7 o 8 habitualment.

2.

Si no ens proporcionen les imatges, com podem trobar la seva adreça per descarregar-les, modificar-les o canviar-les? ƒ

a. Obrim la plantilla HTML.

ƒ

b. Hem de cercar les imatges dins del codi HTML. Per fer-ho de forma ràpida les cerquem amb la funció CTRL + F. S’ens obre un menú de cerca ràpida on hem d’escriure la paraula que busquem. Com que totes les imatges tenen les mateixes extensions, escrivim: GIF, JPG. El cercador ens portarà d’adreça en adreça, les copiem en un document Word i tindrem la llista d’adreces de les imatges de la página.

ƒ

c. Ara les podem descarregar al nostre ordenador i podrem pujar-les a un allotjament segur tal i com s’indica al pas número 1.

3.

El procés de substitució es fa de la mateixa manera explicada a dalt.

B. PLANTILLES AMB MENÚ SUPERIOR Hi ha plantilles que ofereixen un menú superior que es pot personalitzar sempre. En alguns casos, la personalització s’ofereix de forma automatitzada des de “Elements de pàgina”. Habitualment, però, la pàgina des d’on descarreguem la plantilla ens ofereix instruccions per fer-ho de forma manual: ens dona la línea de codi on hem d’anar per fer aquesta personalització. Aquestes instrucccions se solen incloure al document “Llegiu-me” que acompanya les plantilles. Encara que no tinguem les instruccions, nosaltres podem trobar fàcilment les línees de codi que ens permeten la personalització. El passos que haurem de seguir són els següents:

1

PRESENTACIÓ DE RECURSOS TIC 2

CANVIS DE PLANTILLA

0. Abans de fer res, guardem el codi HTML per si de cas. Sempre que guardeu codi, ho heu de fer com a document de text. (Bloc de notes) 1. Obrim la plantilla a Edició HTML 2. Obrim la funció de cerca: CTRL + F 3. Escrivim a la casella de cerca una paraula que hi surti al menú per defecte (o algun altra del codi) que volem substituir: habitualment, el menú personalitzable porta com a nom “Edit”. Si cerquem la paraula, arribarem a les línees de codi per personalitzarlo. Exemple:

<span>Edit

4. Trobaràs la paraula que cercaves, reemplaça-la pel text que vulguis que surti al menú. 5. A més, trobaràs entre cometes un asterisc: l’has de substituir per la URL (adreça web) que vulguis enllaçar. 6. Pots copiar i enganxar aquesta mateixa línea per agregar i editar més opcions al menú (pestanyes noves). AQUÍ EN TENIU UN EXEMPLE: 1. Descarrego la plantilla Comunist de BTemplates

2. La instal.lo com a nova plantilla al meu bloc. 3. La plantilla disposa d’un menú superior. Te quatre pestanyes. Les primeres ja tenen un destí: Inici (Home), Entrades (Post) i Comentaris (Comments), la quarta, EDIT està preparada per tal que nosaltres la personalitzem.

2

PRESENTACIÓ DE RECURSOS TIC 2

CANVIS DE PLANTILLA

Si anem a la pestanya “ Elements de la página” el bloc es veu així:

2. Com podem personalitzar el menú?: • Anem a Edició de HTML, expandim artilugios i obrim la funció de cerca (CTRL+F), • Escrivim la paraula que volem modificar: “Edit”.

3

PRESENTACIÓ DE RECURSOS TIC 2

CANVIS DE PLANTILLA

• El cercador ens porta pel document fins que arriba a la paraula “edit” que ens interessa. com sabrem que hem arribat? Doncs perquè al costat han de sortir les altres paraules que apareixen al menú: Home, PostRSS…