Conociendo la estructura de una plantilla

Fíjate en la siguiente captura de pantalla: corresponde a la estructura de archivos y carpetas de la plantilla ja_purity, una de las plantillas predeterminadas de Joomla, de las instaladas en la instalación básica.

Suelen contener la siguiente estructura:

Carpeta css

Contiene los archivos de hojas de estilo. Un ejemplo típico es encontrar varios de estos archivos de nombre template.css (para la plantilla en general), editor.css (para el editor que utilices en la administración de Joomla), template_rtl.css (para la impresión), ie7.css (el que se utilizará en el caso de que se esté accediendo al sitio Joomla a través del navegador Internet Explorer 7), etc.

Carpeta images

Contiene las imágenes que se utilizan en los archivos CSS de hojas de estilo y todas las que utiliza la plantilla (fondos, esquinas, banners...). Si la plantilla tiene una cabecera o un logo el archivo gráfico que lo representa se localizará en esta carpeta. También aquí se guardan los iconos que se utilizan por defecto en los artículos. Puedes editar muy sencillamente una plantilla simplemente reemplazando las imágenes aquí existentes por las tuyas propias, eso sí tendrás que respetar los nombres y las extensiones de los archivos si utilizas este procedimiento.

Carpeta html

Contiene los archivos necesarios para definir estilos de presentación de módulos personalizados. Dentro de esta carpeta se guardan: el módulo básico que se utiliza para modificar la apariencia de los artículos, categorías y secciones y los módulos modificados que se utilizarán en lugar de los que trae Joomla por defecto, por ejemplo para el login (mod_login), encuestas (mod_poll), los más leídos (mod_mostread), etc.

Carpeta JS – javascript

Algunas plantillas utilizan esta carpeta para almacenar sus guiones javascript.

Carpeta admin

Contiene archivos de lenguaje para la administración de la plantilla.

Nota. Existen plantillas que no incluyen todas estas subcarpetas y también existen plantillas que contienen incluso muchas más.

Y además, los siguientes archivos:

templateDetails.xml

Este archivo es el que proporciona información al Gestor de plantillas de Joomla. Esta información se utiliza, por ejemplo durante la instalación para permitir al usuario seleccionar las posiciones de los elementos que la forman o para definir los parámetro de configuración de la plantilla.

Puedes abrir el archivo xml con cualquier editor de textos, por ejemplo, en Ubuntu botón derecho del ratón sobre el fichero y seleccionar la opción Abrir con – Gedit.

Observa en el Backend la información que se recoge sobre la plantilla Ja_Purity:

y como se refleja esto en el archivo templateDetails.xml:

De la misma manera las posiciones de la plantilla serán las definidas en este archivo:

o los parámetros de configuración de la plantilla, que en la administración de Joomla, tienen este aspecto:

en el archivo templateDetails.xml se mostrarán como:

template_thumbnail.png

Es el archivo imagen que proporciona la previsualización de la plantilla al pasar el ratón por encima del nombre de la plantilla en el Gestor de plantillas de la previsualización de Joomla. Generalmente tiene un tamaño de 200 x 150 píxeles y su formato de archivo puede ser también gif o jpeg.

index.php

Es el principal archivo, en el que se incluye toda la lógica de la plantilla, toda su estructura interna. Básicamente en un archivo html que establece la estructura jerárquica de la plantilla. Puedes abrirlo con cualquier editor de notas, con Gedit por ejemplo, en Ubuntu.

template.css

Establece el aspecto de la plantilla. En cierto sentido, puedes considerarlo como el maquillador de la plantilla. Establece los márgenes, los colores del fondo, de fuentes, el tamaño de los espacios y otras cuestiones relaciones. Es posible encontrar más de un archivo css ya que los programadores suelen dividirlo para hacer más fácil el trabajo de diseño.

Accedes a él directamente desde el Backend de Joomla pulsando sobre el botón Editar css de la barra de herramientas de la edición de cada plantilla en particular.

params.ini

En este archivo se almacenan los valores configurados para los parámetros de la plantilla, y debe estar presente en la plantilla desde el momento mismo de su creación, incluso aunque inicialmente esté vacío. Si la plantilla tiene definidos parámetros en el Backend este archivo será el que los contenga. Debe ser un archivo escribible para que cualquier cambio que modifiques en los parámetros de la plantilla en la administración de Joomla pueda guardarse cuando haces clic en el botón Aplicar o Guardar de la barra de herramientas.

component.php

Este archivo se utiliza para proporcionar un estilo distinto de los artículos a imprimir. Lo que hace generalmente es utilizar otro archivo css para presentar en pantalla, de forma más "limpia", el artículo a imprimir.

favicon.ico

Es el archivo imagen que aparece a la izquierda de la dirección URL del sitio Joomla en la barra de direcciones. Es un minilogo que identifica el sitio y que, por supuesto, puedes personalizarlo a tu gusto.

Joomla - Plantillas