La estética del sitio en Joomla 1.6 - Joomla 1.7

Tags: CMS | gestor de contenidos | joomla 1.6 | joomla 1.7 | plantillas

El aspecto estético de tu sitio se encuentra prediseñado gracias a la utilización de plantillas. No te corresponde a tí diseñarlo (aunque también podrías hacerlo, si lo deseas), en Joomla esta tarea queda en manos de diseñadores y desarrolladores web que trabajan para ti y que te ofrecen estos diseños de manera totalmente gratuita (también existen diseñadores para Joomla cuyo trabajo tendrás que abonar, claro está, pero te aseguramos que en Internet localizarás cientos de estas plantillas para Joomla sin pagar un solo euro).

Una plantilla para Joomla no es más que un conjunto de archivos que se instalan en este Gestor de contenidos responsables de su aspecto, de las imágenes que conforman su cabecera, de los iconos que se presentan en los títulos o menús de navegación, de los banners publicitarios que muestra el sitio, etc., es decir, controlan la presentación de los contenidos en Joomla y constituyen el diseño básico y fundamental para la visualización de tu sitio Joola. Según la plantilla que utilices ésta controlará la interfaz del sitio que visualizará el visitante de tu web, determinará el color de los enlaces, del texto mostrado en los artículos, del aspecto de los bloques que lo componen, etc.

Ten en cuenta que Joomla es un Gestor de contenidos, es decir, que se preocupa ante todo del contenido frente al diseño, pero eso no impide que puedas hacer tus pinitos como diseñador si eres capaz de modificar y editar la plantilla que estés utilizando en el sitio o bien incluso con los conocimientos técnicos adecuados que seas capaz de crear tus propias plantillas.

De manera predeterminada, Joomla se instala con un número muy limitado de estas plantillas pero podrás descargar muchas gratuitamente desde Internet para mejorar el diseño de tu sitio o simplemente para variarlo. Localizarás muchas de estas plantillas directamente desde el buscador en tu navegador (utiliza los términos plantillas joomla 1.6 1.7 gratis o bien, en inglés, templates, joomla, free) pero existen unos cuantos lugares especializados en la Red que te ofrecen plantillas gratuitas y un almacén oficial donde se localizan miles de ellas. De esto hablaremos en próximos artículos.

Diferentes tipos de plantillas

En realidad, existen dos tipologías de plantillas según sean plantillas dirigidas al diseño del Frontend, es decir, aquellas que controlan el diseño de la parte pública de Joomla, el diseño de las páginas que ven los visitantes de tu sitio cuando introducen su dirección URL en el navegador, o bien si son plantillas dirigidas al aspecto del Backend, es decir, plantillas que modifican el aspecto de la parte de la administración de Joomla.

En la instalación básica de Joomla 1.6 – Joomla 1.7 se instalan tres plantillas para el Frontend denominadas Atomic, Beez5 y Beez2 (plantillas del sitio) y otras dos para el Backend llamadas Bluestork y Hathor (plantillas para la administración).

Localizarás en la Red tanto plantillas de un tipo como de otro; ahora bien, las más populares y más utilizadas, y por tanto también las más numerosas, son las primeras. Y son precisamente de las que nos ocuparemos en estos artículos dedicados a las plantillas en Joomla 1.6 – Joomla 1.7: a la gestión, instalación, configuración y edición de plantillas para el Frontend.

El Gestor de plantillas

Vas a realizar una primera aproximación a la utilización de plantillas en Joomla. Para ello accede a Joomla con tus datos de acceso, entra en la administración del sistema viendo en pantalla el Panel de control de Joomla y haz clic en el enlace Ver sitio situado en la parte superior de la pantalla para abrir el Frontend de tu sitio Joomla en una nueva pestaña del navegador: recuerda que esto te permite tener acceso simultáneo por un lado a la administración de Joomla y por otro, al sitio tal y como lo vería un visitante de tu web, con sólo hacer clic sobre una u otra pestaña del navegador.

Localiza en el menú de la administración de Joomla 1.6 – Joomla 1.7 la entrada Extensiones y haz clic sobre el Gestor de plantillas para acceder a la página en la que puedes gestionar las plantilla actualmente instaladas en tu sistema: visualizarlas, borrarlas e incluso editarlas.

La nueva pantalla es muy intuitiva: un listado con el nombre de las plantillas preinstaladas en la instalación básica de Joomla 1.6 – Joomla 1.7, una serie de parámetros informativos y una barra de herramientas con botones en la parte superior.

Cuando decidas qué plantilla quieres utilizar simplemente haz clic en el cuadradito situado a la izquierda de su nombre y, a continuación, presiona el botón Establecer por defecto, de la Barra de Herramientas. Puedes también hacer clic en la estrella de la columna Defecto para establecer la plantilla seleccionada como predeterminada y, por tanto, en uso. Fíjate que se encuentra predeterminada la plantilla Beez2, por eso el aspecto de tu sitio es el que es.

Haz clic en la estrellita de la columna Defecto que se corresponde con la plantilla Beez5 para convertirla en la plantilla predeterminada. Ahora haz clic sobre la pestaña del navegador con el Frontend de tu sitio. Recarga la pantalla pulsando la tecla F5 de tu teclado y visualiza el cambio y el nuevo aspecto de tu sitio con la plantilla seleccionada: los contenidos no han cambiado (si los hubiera) pero su aspecto es completamente diferente.

Así, de esta manera tan simple tienes un sitio Web con un aspecto completamente diferente dependiendo de la plantilla que esté en uso en cada momento. Cambiar el diseño de tu sitio nunca fue tan fácil pero... ten cuidado también con esta opción porque a veces, puedes no obtener el resultado esperado. Por ejemplo, habrá elementos de la página que aparezcan en diferentes lugares, otros ni siquiera se mostrarán... porque todo esto depende de cómo el creador de la plantilla la ha configurado.

Y no todas las plantillas están configuradas exactamente igual.

Nota. Experimenta con el uso de plantillas en tu servidor local. Instala todas las que desees, comprueba el aspecto que imprimen a tu sitio, pero cuando tengas ya un sitio Web en producción, por ejemplo, ya sirviendo contenidos en Internet, no juguetees demasiado con ellas, porque el sitio puede cambiar completamente y hacerte “perder” algunas funcionalidades. Una de las primeras decisiones que tendrás que adoptar cuando trabajes con Joomla será precisamente ésta: decidir qué plantilla vas a utilizar en el sitio.

Descarga nuestro tutorial en formato PDF - 201 kb - Descargar

Joomla 1.6 - Joomla 1.7 - Plantillas