Les plantilles

EN CONSTRUCCIÓ

Les plantilles a GenWeb

En crear o editar un contingut, la forma més àgil de fer-ho és amb la utilització d'una o més plantilles pre-configurades d'acord amb la guia d'estil de la Universitat.

Aquestes plantilles recullen les necessitats d'edició més habituals i la seva possibilitat de combinació en una mateixa pàgina permet construir dissenys propis que es poden utilitzar com a noves plantilles.

La icona que permet inserir plantilles en el camp d'edició ésIcona editor Tiny Plantilles. En seleccionar-la, apareix una finestra flotant que presenta les diferents plantilles pre-configurades a més de les que vosaltres mateixos podeu crear. 

Important! Editant amb l'editor TinyMCE per fer un <br /> retorn de carro, s'ha d'utilitzar la combinació MAYS+ENTER sinó el que farà és un bloc/capa/paràgraf nou.

Què és una plantilla?

Les plantilles són peces de codi HTML que poden ser inserides en una pàgina al seu torn, combinades amb altres plantilles per automatitzar continguts en el seu format i aspecte.

Tipus de  plantilles

Podem catalogar les plantilles per diferents criteris, com poden ser la seva dificultat o la seva tipologia:

Nivell de coneixement


  • Bàsiques

    Pel seu grau de dificultat a l'hora d'editar-les, podem catalogar-les com a bàsiques, quan les podem editar visualment a l’editor o combinant aquest amb intervencions de codi molt senzilles i que no són interactives (quan no cal recórrer a l'edició del codi HTML).

  • Avançades

    Podem catalogar-les com avançades quan requereixen edició del codi HTML per a modificar-les perquè tenen un comportament interactiu que l’editor visual no pot mostrar com una foto fixa. Es a dir, les pestanyes d’un acordió o els slides o pantalles d’un carrusel i les anomenarem plantilles avançades.

  • Assistides

    Podem catalogar-les com a assistides quan tenim unes pantalles de configuració on anar definint els paràmetres que volem per a la nostra plantilla resultant que podrem inserir copiant el codi HTML que es genera. Això succeeix quan utilitzem els objectes Acordió/Pestanya o Carrusel.

Tipologia


  • Institucionals

    Per la seva tipologia podem catalogar com a Institucionals a totes les plantilles de Genweb que tenen estils de Bootstrap retocats, així com a composicions de les mateixes adaptades a la imatge corporativa de la UPC.

  • Genèriques

    Anomenarem Genèriques, a les plantilles natives o originals de la versió de Bootstrap que també es poden utilitzar aplicant el codi que podem trobar en aquest enllaç

  • Pròpies

    Anomenarem Pròpies, a les plantilles que podem crear nosaltres mateixos a la carpeta "plantilles" a l'arrel del lloc web, i que ens apareixeran disponibles juntament amb les que oferim.

    Aquí podeu fer ús de les plantilles predefinides i fer composicions avançades de les mateixes o el que us convingui, un cop desat i publicat, totes les pàgines que creeu en aquesta carpeta us apareixeran disponibles com una opció més en el llistat de plantilles de l’editor Tiny (al final del llistat).


    D’aquesta manera podeu utilitzar el mateix patró, generat només una vegada, en diverses pàgines del vostre Genweb i automatitzar per exemple continguts amb format idèntic o molt similar.

Categories de plantilles disponibles

Quan obriu l'editor trobareu les plantilles agrupades per comportaments i funcionalitats similars que han estat categoritzades. Aquestes categories són: Destacat, Columnes, Llistat, Bàner, Botó, Taula, Crida a l'acció, Composició, Interactiu, pròpies.

Destacat

...

Caixa

Descripció

...

Caixa fons gris

Descripció

...

Caixa info fons gris

Descripció

...

Color

Descripció

...

Contorn

Descripció

...

Frase destacada

Descripció

...

Dades numèriques

Descripció

Columnes

...

2 Columnes

Descripció

...

3 Columnes

Descripció

...

4 Columnes

Descripció

...

2/3 vs 1/3

Descripció

...

3/4 vs 1/4

Llistat

...

Llistat Contorn

Descripció

Bàner

...

Blau

Descripció

...

Blau UPC

Descripció

...

Gris

Descripció

...

Blau info

Descripció

...

Imatge de fons

Descripció

Botó

...

Blau

Descripció

...

Gris

Descripció

...

Fosc

Descripció

...

Outline blau

Descripció

Taula

...

Taula ratllada

Descripció

...

Taula Files destacades

Descripció

Crida a l'acció

...

Text amb imatge centrada

Descripció

...

Text amb imatge esquerra

Descripció

...

Text amb imatge dreta

Descripció

...

Text amb fons fosc

Descripció

...

Text amb imatge amb ombra

Descripció

Composició

...

Àlbum d'imatges

Descripció

...

Conjunt imatge llista opcions

Descripció

...

Imatge text superposat fosc

Descripció

...

Columna de suport

Descripció

...

Items parrilla icones

Descripció

...

2 columnes llistat icones

Descripció

Interactiu

...

Pestanyes

Descripció

...

Acordió

Descripció

...

Carrusel

Descripció

...

Modal

Descripció

Pròpies

...

Exemple de prova

Descripció