Joomla! - Las plantillas

Las plantillas de Joomla!

La instalación y configuración de las plantillas se lleva a cabo como el resto de extensiones, es decir, en el menú "Extensiones"->"Plantillas"

Manual del gestor de plantillas (comunidadjoomla.org)

Podemos tener instaladas tantas plantillas como deseemos, y seleccionar una como activa.
La posibilidad de cambiar la plantilla sin afectar al contenido, es, sin duda, una de las mejores características de los CMS.
Cambiar la plantilla de vez en cuando, mejora la imagen de la web, además de permitir incorporar nuevas mejoras.
El hecho de que las urls de los artículos no cambien al cambiar de plantillas, es muy importante, ya que, de lo contrario, Google detectará que hay enlaces erroneos y perderemos posiciones.

Elegir una buena plantilla

Existen en internet miles de templates (plantillas) que podemos descargar e instalar en nuestra web de Joomla. Las hay gratuitas y otras de pago.

Seleccionar una plantilla para Joomla 1.5 que se adapte a nuestras necesidades, es una tarea que lleva su tiempo. Hay que buscar una plantilla que tenga un juego de colores que nos guste, con una disposición clara, fácil de navegar. Debemos buscar un aspecto general limpio y profesional, unos colores que hablen del espíritu que deseamos para nuestra web. Una vez instalada, la plantilla se puede personalizar, pero cuanto mejor la elijamos, menos horas de personalización deberemos dedicarle.

¿muchas imágenes o muy pocas?

Normalmente las plantillas mas bonitas y espectaculares incorporan muchas imágenes, y esto disminuye la velocidad de la web y aumenta la carga del servidor. Por tanto hay que buscar un punto medio, aunque en webs con poco tráfico no suele ser un factor importante.

¿ancho fijo o variable?

Hay templates de ancho fijo (normalmente de unos 1000 pixels de ancho), y otras que llenan toda la ventana del navegador. Las de ancho variable son más difíciles de personalizar, ya que hay que preveer todas las resoluciones, y solo quedan bien si la web tiene mucho contenido.

¿de pago o gratuïta?

Salvo muy pocas excepciones, las plantillas de pago funcionan mucho mejor que las gratuitas. Esto se debe a que las plantillas gratuitas se suelen crear para un proyecto concreto, y luego se ponen a disposición de la comunidad. Así, estas no suelen estar preparadas para una fácil modificación, aunque este impedimento solo implica un mayor esfuerzo a la hora de adaptarla a nuestras necesidades.

Las plantillas de pago suelen venir acompañadas de documentación, e incluso de ficheros PSD con las imágenes por capas, todo ello pensado para facilitar la personalización.

Muchas de ellas, además, disponen de multitud de parámetros de configuración, que nos permitirán cambiar algunos aspectos de la plantilla sin modificar el código fuente. Por ejemplo: ancho total de la página, ancho de la columna derecha, la izquierda, color del fondo, etc.... 

Las plantillas de Joomla! permiten posicionar los módulos en distintas posiciones dentro de nuestra web. En la mayoría de plantillas podemos encontrar las posiciones básicas: left, right, top, footer..... Por ejemplo, los menús se suelen colocar en el superior si son desplegables o en uno de los laterales, y el otro lateral se utiliza para mostrar los módulos adicionales.... 

Otro aspecto a tener en cuenta al elegir la plantilla son los estilos CSS predefinidos: Los headings, los módulos, los formularios... existen centenares de estilos distintos en Joomla! y las plantillas de pago suelen tenerlos mucho mas cuidados y provados. 

¿funcionan en todos los navegadores?

Lamentablemente, conseguir que nuestra web se vea igual en todos los navegadores sigue siendo una tarea complicada, sobretodo por culpa del Internet Explorer de Microsoft, que se salta los estándares a la torera.

Los desarrolladores de plantillas de pago suelen testear muy bien sus diseños para los distintos navegadores, pero no suele pasar lo mismo con las gratuitas, por lo que deberemos probarlas bien, antes de publicarlas, y también cada vez que añadamos extensiones.

¿dónde las obtengo?

Las dos mayores webs para buscar templates gratuitos (hay los mismos en las dos) son:

JoomaOs.de: http://www.joomlaos.de/index.php?set_albumName=album05&option=com_gallery&Itemid=37&include=view_album.php

Joomla24.com: http://www.joomla24.com/index.php?set_albumName=album05&option=com_gallery&Itemid=6&include=view_album.php

Y estas son algunas de las empresas que producen templates de pago:

Rockettheme: http://www.rockettheme.com/

Yootheme: http://www.yootheme.com/

Personalizar una plantilla

Para personalizar una plantilla de Joomla! no siempre son necesarios conocimientos de programación PHP, pero sí de HTML y sobretodo de estilos CSS.

Esta es la estructura básica de los ficheros de una plantilla.

Carpetas:

* css: Es la carpeta que contiene los estilos en cascada del template.
* html: Esta carpeta posee los archivos que funcionaran como plantilla especifica para módulos y componentes. Su uso no es prioritario pero es una funcionalidad a explotar si deseamos un código personalizado para componentes/módulos.
* images: Contendrá las imágenes usadas para el diseño.


Archivos:

* index.php: El archivo principal, 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'. En la rama de Joomla! 1.0.x este archivo tenía el nombre de template_css.css
* favicon.ico: Es el favicon que usaremos en nuestro sitio.
* imagenes varias: Conformaran el diseño de la plantilla.


La mayoria de personalizaciones se realizan a dos niveles.

• se modifican o reemplazan las imágenes de la carpeta images. El logotipo, por ejemplo.
• se modifican los estilos CSS de la carpeta css.
• si lo deseamos podemos incorporar código personalizado para módulos y componentes en la carpeta html o modificar directamente el fichero index.php

[volver al índice de la Guia Joomla!]

Joomla! - 2 - Personalización