Conociendo Joomla: los Templates o Plantillas

Una plantilla Joomla es un paquete de archivos que controlan la presentación de los contenido dentro del CMS Joomla. No es un sitio web ya que necesita de la base de datos de Joomla para tomar la apariencia de un sitio web completo. Esta diferencia entre la plantilla Joomla y los sitios tradicionales se encuentra en su método constructivo el cual se realiza en base a un ***layout*** de hojas de estilo ***CSS***.

La propiedad de la plantilla como "paquete independiente" sumado a la forma dinámica en que se relaciona con la base de datos es lo que permite intercambiarlas rápidamente, generando apariencias renovadas y sitios dinámicos que se logren ajustar a los requerimientos de cada proyecto.

Las plantillas en Joomla funcionan tanto para la parte del ***Front-end*** como para el ***Back-end***. La plantilla del back-end usada por defecto en el sistema se llama Khepri. Para la parte del Front-end, las plantillas por defecto son: Beez, JA_Purity y Rhuk_milkyway, que es la que mostramos a continuación.

Una de las plantillas Joomla por defecto en el sistema:

Panel de administración de Plantillas en el Backend

La plantilla del Back-End se cambia en muy pocas ocaciones, ya que solo es vista por los usuarios con acceso al Back-End. Y, en general no es conveniente cambiarla por la necesidad de habituarse al diseño y realizar un trabajo más rápido y eficiente. La plantilla del Front-End generalmente debe ser cambiada, por muchos motivos, principalmente, por la necesidad de dar una imagen corporativa o personal al proyecto web que queremos levantar o bien, porque las plantillas por defecto no se ajustan a la funcionalidad que requerimos para nuestro web en particular.

Para modificar la interfaz gráfica del Front-End existen varias alternativas:

a) La primera y la más simple, es modificar la propia plantilla Joomla por defecto. A través de la modificación del CSS y las imágenes, se pueden obtener interesantes performances gráficas.

b) La segunda, y tambien simple y rápida, es comprar una plantilla hecha. Esta opción tiene muchas conveniencias. Por lo pronto, la seguridad de contar con una plantilla testeada por muchos usuarios que la utilizan y por la propia empresa que la desarrolla. Con esta opción se obtienen prestaciones impresionantes de diseño, arquitectura, usabilidad y arte.

c) La tercera y más lenta y compleja es hacer una plantilla propia. para esta opción se puede hacer desde cero o se puede ocupar un software con sistemas prearmados o automatizados. Actualmente existen software como por ejemplo Artisteer o Joomla Template Maker.

Estructura básica de una plantilla para Joomla! 1.5.x

Carpetas:

CSS
Contiene los estilos en casacada del template

***HTML***
Posee los archivos especificos de la plantilla para sus modulos y componentes. Su uso no es obligatorio pero es una funcionalidad que permite la personalización del codigo especifico de componentes y modulos.
Con esto podremos manejar la apariencia y el output de dichos componentes y módulos. La idea es que la plantilla prevalezca por encima del output HTML que genera Joomla! De esta forma, por ejemplo, podremos reemplazar todas las tablas que genera determinado componente y reemplazarlas por DIVs.

Images
Contiene las imágenes usadas en el diseño de la plantilla.

Archivos:

***index.php***
Contendrá todo el HTML y directivas PHP de Joomla! para cargar el contenido (artículos, componentes, módulos, etc.)

templateDetails.xml
Determinante para que la plantilla sea reconocida en el back-end del CMS. Posee diversos datos como licencia, autor, e-mail, etc. En Joomla! 1.5 la plantilla podrá tener parámetros manejables desde el back-end para cambiar la visualización del template. En este archivo se agregaran los parámetros y las posiciones de disponibles para mostrar los módulos.

template_thumbnail.png
Es la imagen que actuará como previsualización del template en la administración.

params.ini
Contendrá los valores para configurar los parámetros del template. Si la plantilla no posee parámetros para configurar, este archivo no será necesario.

***template.css***
Es el estilo en cascada principal que se encuentra dentro de la carpeta 'css'.