1. CONCEPTO

Las plantillas son extensiones de Joomla que determinan la forma en la que se mostrarán los contenidos de la web. Proporciona la apariencia y la forma de estructurar los contenidos del sitio. Como ya se vio anteriormente, cada plantilla posee unas determinadas posiciones donde colocar los módulos.

El primer paso por tanto a la hora de desarrollar una web con Joomla es elegir una plantilla que se adapte a las características necesarias de diseño, color y estructura, de forma que sea además atractiva visualmente.

Cada web creada con Joomla debe tener asignada una plantilla por defecto pero además Joomla permite asignar incluso una plantilla diferente para cada apartado del menú.

Existen plantillas tanto para el frontend como para el backend, aunque por ahora veremos sólamente las plantillas para la web creada, es decir, para el frontend.

ARCHIVOS DE UNA PLANTILLA

Es conveniente conocer cómo se estructuran los archivos de una plantilla de Joomla, sobre todo si se desea modificar una plantilla prediseñada.

Cada plantilla se guarda en una subcarpeta con el nombre de la misma dentro de la carpeta Templates del servidor y contiene:

  • Archivos de estilo: escritos en lenguaje CSS. Sirven para definirn los tamaños, colores y tipos de letra de cada apartado, la decoración de los módulos, etc.
  • Imágenes: Tales como la cabecera, iconos, etc.
  • Un archivo template Details.xml que contiene la definición de las posiciones de la plantilla, así como los parámetros de configuración que permite.
  • Un archivo index.php donde se encuentra el código fuente con la programación de la estructura completa de la plantilla.
2. GESTOR DE PLANTILLAS
Es la herramienta que permite asignar y editar las plantillas instaladas en Joomla. Para acceder al Gestor de plantillas:
  1. Acceder al panel de administración de Joomla.
  2. En el menú principal pulsar Extensiones.
  3. Seleccionar Gestor de Plantillas.

Aparece la pantalla principal del gestor de plantillas, mostrando un listado de las plantillas que están instaladas en Joomla.

– Para asignar la plantilla que se aplicará por defecto a la web se hace clic en la estrella de predeterminado.

– Para cambiar las propiedades de la plantilla, la seleccionamos y pulsamos en Editar.

Duplicar: Permite hacer una copia de una plantilla.

Eliminar: Elimina la plantilla seleccionada.

Opciones: Permite activar la vista previa de las posiciones de los módulos de una plantilla como se vio anteriormente y también asignar permisos a los distintos tipos de usuarios.

– Debajo se encuentran las herramientas de filtradopara buscar las plantillas por nombre, etc.

– Por último se observa el listado de plantillas, cuya información principal se dispone en una serie de columnas:

  • Estilo: Nombre de la plantilla.
  • Localización: Indica si la plantilla es para el frontend (Sitio) o para el backend (Administrador).
  • Defecto: Si tiene una estrella de color naranja indica que es la plantilla asignada por defecto y que por tanto se aplicará.
  • Asignado: Cuando hay varias plantillas para una misma web, indica sí, no siendo la plantilla por defecto, está asignada a alguna sección o no.
  • ID: Número identificador de la plantilla que es asignado por Joomla.

3. AGREGAR UNA NUEVA PLANTILLA

Para incluir una nueva plantilla, como con el resto de extensiones de Joomla, se utiliza el Gestor de Extensiones. En internet existen infinidad de plantillas para Joomla, tanto gratuitas como de pago, por ejemplo en las siguientes webs:

  • Joomla24: http://www.joomla24.com
  • Joomlaos.de: http://www.joomlaos.de
  • Joomlashack: http://www.joomlashack.com/joomla-templates
  • Rockettheme -> http://www.rockettheme.com

Normalmente, las webs de plantillas muestran una Live Demo o vista previa de una web con esa plantilla con datos de ejemplo. Una vez escogida la plantilla adecuada, se descargará un archivo comprimido zip que contiene todos los archivos de la plantilla al ordenador. Cuando se haya descargado, el procedimiento es el siguiente:

  1. Acceder al panel de administración de Joomla.
  2. Seleccionar Extensiones.
  3. Seleccionar Gestor de Extensiones.
  4. Pulsar el botón Examinar, junto a Archivo empaquetado.
  5. Seleccionar el archivo zip con la plantilla.
  6. Pulsar Subir e instalar.

Una vez instalada, la nueva plantilla aparecerá en el listado del gestor de plantillas.

4. MODIFICAR UNA PLANTILLA
Normalmente es necesario modificar la plantilla utilizada para personalizarla y adaptarla al estilo o a la imagen corporativa de la web que se desea crear.

PROPIEDADES DE LA PLANTILLA

Pulsando sobre el nombre de una plantilla en el gestor de plantillas se pueden editar sus propiedades.

Cada plantilla tendrá unas propiedades diferentes para modificar, según lo haya programado el creador de la plantilla. Éstas pueden ser desde el ancho de cada columna, hasta el tamaño de la letra, el logo, las imágenes utilizadas, los colores, etc.

En el caso de que una determinada plantilla no permita modificar alguna propiedad o estilo desde este panel de propiedades, hay que usar otras técnicas, que en su mayoría requieren conocimientos de programación. A continuación se describirán los procedimientos más sencillos.

CAMBIAR UNA IMAGEN

Para modificar una imagen de la plantilla, como por ejemplo la imagen de la cabecera, basta con sobreescribir dicha imagen por otra con el mismo nombre y tamaño que la original.

Las imágenes de una determinada plantilla se encuentran normalmente en la carpeta templates/nombre_de_la_plantilla/images. Al actualizar el frontend, Joomla toma la imagen modificada automáticamente.

CAMBIAR ESTILOS

El gestor de plantillas de Joomla permite modificar directamente el código fuente de los archivos de estilo de una plantilla.

  1. Acceder al panel de administración de Joomla.
  2. En el menú principal pulsar Extensiones.
  3. Seleccionar Gestor de Plantillas.
  4. Seleccionar la pestaña Plantillas.
  5. Pulsar sobre el nombre de la plantilla que se desea modificar.
  6. En la pantalla de personalización de plantillas, seleccionar el archivo o la hoja de estilos que se desea editar.
  7. Una vez modificado, pulsar Guardar y Cerrar.