Define la apariencia estética (diseño visual) de tu sitio

Última actualización el Miércoles, 20 de Enero de 2010 17:33 Escrito por Gonzalo Reynoso Martes, 11 de Agosto de 2009 02:32

Guías - Diseño y administración Web con Joomla!

Sobre el sistema de templates de Joomla!

Joomla posee un sistema de templates o plantillas, encargado de definir:

la configuración estructural de la interfaz gráfica de usuario (la pantalla),
la disposición de los diferentes elementos (de información e interacción) y su aspecto estético, y
el formato de estilo visual (colores, imágenes de fondo, tipografía, íconografía, divisiones, etc)

Separación entre contenidos / funcionalidad y presentación

La mayor flexibilidad de Joomla se deriva de su filosofía de desarrollo MVC (modelo-vista-controlador) Esto es la separación de los contenidos por un lado y el diseño (presentación), por otro.

Hablando con propiedad el concepto MVC es más complejo pero no lo explicaré aquí para simplificar el alcance del tutorial [ver más info sobre MVC en Wikipedia]

Lo importante de este patrón es que implica que podemos cambiar en un instante el diseño visual de cualquier sitio Joomla! sin alterar sus contenidos, ni su organización, ni su navegabilidad, ni sus funcionalidades.

Joomla ya viene con un template por defecto (Rhuk Milkyway)

Cuando instalas tu Joomla por primera vez, este ya trae tres templates instalados (Rhuk Milkyway, JA_Purity, y Beez), de los cuales uno está asignado (activado) para cargar por defecto: Rhuk Milkyway:

template de joomla por defecto

Luego de instalar tu Joomla! podrás cambiar el aspecto visual de tu sitio web simplemente personalizando alguno de los templates que ya vienen instalados, o instalando y asignando un nuevo template (opción recomendada).

¿Qué Funciones pertecen a Joomla y cuáles al Template?

Muchas personas que no han asimilado bien la dinámica y funcionamiento de los sistemas gestores de contenido (CMS) tienden a confundir la funcionalidad del sistema Joomla con las funciones del template... pueden llegar a preguntarse ¿el registro de usuarios viene en el template?, la respuesta sería "el registro de usuarios es una funcionalidad que trae el sistema Joomla", el template es lo define su estilo visual (o look and feel).

Ejemplos:

Formulario de login con el template JA_Purity	Formulario de login con el template Jetor

Al instalar el CMS Joomla, ya vienen incluidas algunas funcionalidades que sirven para dotar al sitio web de interactividad entre los visitantes y quienes lo administramos, por ej:

Componente Registro de Usuarios

permite registrar usuarios y almacenar sus datos en la base de datos de Joomla

El módulo Login o Acceso de Usuarios Registrados

permite a los usuarios iniciar y cerrar sesion en el sitio web

Componente y Módulo de Encuestas

permite a los visitantes opinar en encuestas y ver también los resultados

Componente de Formulario de Contacto Simple

permite a los visitantes o usuarios poder enviar mensajes a quienes administran la web o a los contactos de la misma

También hay otras funciones como:

Buscador interno (busca en los contenidos del sitio)
Componente administración de Banners, básico
Componente para enlaces: se puede crear categorias, sólo que los enlaces son redirecciones, no son válidos para bucadores
Usuarios On line
Contenidos: Contenido de frontpage, contenido en formato blog,
etc.

Uso y personalización de templates para Joomla

A veces es necesario adaptar a tus propias necesidades y gustos los templates de Joomla que consigues e instalas en tu web.

La personalización estética tiene distintos niveles de complejidad y costos, pero es bueno que sepas que puede personalizarse sin límites la apariencia estética de tu sitio Joomla!

Todo template viene con un sistema de configuración que te permite realizar una personalización limitada del template. Pero luego, es posible ir más allá retocando el código del template (archivos php y css) y editando sus imágenes, para lograr una personalización total.

Pasos para personalizar la apariencia de tu sitio web Joomla!

Debes buscar, evaluar, y elegir uno o varios templates de Joomla!, según tus gustos y las necesidades de tu web
Descargas el/los template/s elegido/s desde los sitios web donde están disponibles y lo/s instalas en tu web Joomla!
Asignas el/los template/s instalado/s para activarlos en la web
Configuras y personalizas el/los template/s, hasta lograr el aspecto visual que deseas

En las siguientes guías, te indicaré cómo podés llevar adelante estos pasos, para personalizar el aspecto estético o look and feel de tu web joomla!

Ten en cuenta nuestros servicio de hosting con Joomla, diseño web con Joomla!, o aprende rápidamente a trabajar vos mismo con nuestro curso de gestión web con Joomla!