J11.1.Definició de l’aparença estètica (disseny visual)

Sobre el sistema de templates de Joomla!

Joomla té un sistema de templates o plantilles, encarregat de definir:

  • la configuració estructural de la interfície gràfica d’usuari (la pantalla),
  • la disposició dels diferents elements (d’informació i interacció) i el seu aspecte estètic, i
  • el format d’estil visual (colors, imatges de fons, tipografia, iconografia, divisions, etc)

Separació entre continguts / funcionalitat i presentació

La major flexibilitat de Joomla es deriva de la seva filosofia de desenvolupament MVC (model-vista-controlador). Això és la separació dels continguts d’una banda i el disseny (presentació), de l’altra.

Parlant amb propietat el concepte MVC és més complex però no ho explicaré aquí per simplificar l’abast del tutorial [veure més info sobre MVC a la Viquipèdia]

L’important d’aquest patró és que implica que podem canviar en un instant el disseny visual de qualsevol lloc Joomla!sense alterar els seus continguts, ni la seva organització, ni la seva navegabilitat, ni les seves funcionalitats.

Joomla ja ve amb un template per defecte (Rhuk Milkyway)

Quan s’instal·la Joomla per primera vegada, aquest ja porta tres templates instal (Rhuk Milkyway, JA_Purity, i Beez), dels quals un està assignat (activat) per a carregar per defecte, pe.: Rhuk Milkyway:

template de joomla per defecte

Després d’instal lar la teva Joomla! podràs canviar l’aspecte visual del teu lloc web simplement personalitzant algun dels templates que ja vénen instal, o instal.lant i assignant un nou template (opció recomanada).

Què Funcions pertecen a Joomla i quines al Template?

Moltes persones que no han assimilat bé la dinàmica i funcionament dels sistemes gestors de contingut (CMS) tendeixen a confondre la funcionalitat del sistema Joomla amb les funcions del template … poden arribar a preguntar-se el registre d’usuaris ve al template?, la resposta seria “el registre d’usuaris és una funcionalitat que porta el sistema Joomla”, el template és el defineix el seu estil visual (o look and feel).

Exemples:

Formulari de login amb el template JA_Purity Formulari de login amb el template Jetor
formulari login

En instal lar el CMS Joomla, ja vénen incloses algunes funcionalitats que serveixen per dotar el lloc web d’interactivitat entre els visitants i els que ho administrem, per ex:

Component Registre d’Usuaris

permet registrar usuaris i emmagatzemar les seves dades a la base de dades de Joomla

El mòdul Login o Accés d’Usuaris Registrats

permet als usuaris iniciar i tancar sessió al lloc web

Component i Mòdul d’Enquestes

permet als visitants opinar en enquestes i veure també els resultats

Component de Formulari de Contacte Simple

permet als visitants o usuaris poder enviar missatges als que administren la web o als contactes de la mateixa

També hi ha altres funcions com:

  • Cercador intern (cerca en els continguts del lloc)
  • Component administració de Banners, bàsic
  • Component per enllaços: es pot crear categories, només que els enllaços són redireccions, no són vàlids per bucadores
  • Usuaris en línia
  • Continguts: Contingut de frontpage, contingut en format bloc,
  • etc.

Ús i personalització de templates per Joomla

De vegades cal adaptar a les teves pròpies necessitats i gustos els templates de Joomla que aconsegueixes i instal al teu web.

La personalització estètica té diferents nivells de complexitat i costos, però és bo que sàpigues que pot personalitzar sense límits l’aparença estètica del teu lloc Joomla!

Tot template ve amb un sistema de configuració que et permet realitzar una personalització limitada del template. Però després, és possible anar més enllà retocant el codi del template (arxius php i css) i editant les seves imatges, per aconseguir una personalització total.

Passos per a personalitzar l’aparença del teu lloc web Joomla!

  1. Has de buscar, avaluar, i triar un o diversos templates de Joomla!, Segons els teus gustos i les necessitats de la teva web
  2. Descàrregues el/ s template/s escollit/s des dels llocs web on estan disponibles i el / s instal a la teva web Joomla!
  3. Assigneu el/s template/s instal·lat/s per activar a la web
  4. Configures i personalitzes el/s template/s, fins a aconseguir l’aspecte visual que desitges

En les següents guies, veurem com es poden fer aquestes coses, per personalitzar l’aspecte estètic o look and feel de la teva web joomla!

Deixa un comentari

Fill in your details below or click an icon to log in:

WordPress.com Logo

Esteu comentant fent servir el compte WordPress.com. Log Out /  Canvia )

Google photo

Esteu comentant fent servir el compte Google. Log Out /  Canvia )

Twitter picture

Esteu comentant fent servir el compte Twitter. Log Out /  Canvia )

Facebook photo

Esteu comentant fent servir el compte Facebook. Log Out /  Canvia )

S'està connectant a %s