GUIA JOOMLA

GUIA PARA EL DESARROLLO DE PLANTILLAS PARA EL CMS JOOMLA 2.5

CAPITULO I

Esta guía pretende ser un documento fundamental para que tanto usuarios con conocimientos mínimos como avanzados aprendan a realizar una plantilla funcional para joomla 2.5.

QUE ES JOOMLA:

Joomla! es un sistema de gestión de contenidos gratuito para la creación de sitios web. Es un proyecto de software libre que, al igual que la mayoría de estos proyectos, está en constante movimiento.

La palabra Joomla es una derivación de la palabra Jumla del lenguaje africano Swahili que significa “todos juntos”.

El proyecto Joomla es el resultado de una acalorada discusión entre la Fundación Mambo, que fue creada en Agosto de 2005, y su equipo de desarrolladores. Joomla fue desarrollado a partir de un sistema Mambo. Es utilizado en sitios web de todo el mundo para desarrollar desde páginas sencillas hasta complejos sitios corporativos para empresas. Es ¡Sencillo de utilizar, administrar y sobre todo muy fiable.

CAPITULO II

LAS PLANTILLAS

La creación de plantillas (o templates) suelen ser uno de los trabajos más comunes que emprenden los diseñadores y desarrolladores web.

Las plantillas son archivos que permiten controlar el diseño y la disposición de los elementos a lo largo de un sitio.

TIPO DE PLANTILLAS:

Joomla cuenta con dos tipos de plantillas:

 PLANTILLAS PARA UTILIZAR EN LA ADMINISTRACION (backend): Son creadas especialmente para la parte de administración, las cuales pueden incorporar funcionalidades que faciliten el manejo de los contenidos en el sitio.

 PLANTILLAS PARA UTILIZAR EN SITIO PUBLICO (frontend): Son creadas para ser visualizadas por los visitantes pueden ser simples o complejas, todo dependerá del tipo de sitio y hacia quienes está orientado.

ESTRUCTURA BASICA DE UNA PLANTILLA:

Las plantillas en Joomla! van alojadas dentro de la carpeta templates, en el directorio raíz del CMS. Allí dentro, cada plantilla está separada por carpetas.

Todas las plantillas poseen esta estructura básica de archivos y carpetas

CARPETAS Y ARCHIVOS INDISPENSABLES:

 Carpeta raíz: Es la carpeta que contiene todos los archivos de la plantilla. Su nombre no debe poseer espacios intermedios. Su ubicación está dentro de la carpeta templates, que se encuentra en el directorio raíz.

 index.php: Archivo principal de la plantilla. Contiene la estructura básica, así como también las llamadas a los archivos CSS y JavaScript. Su contenido está formado por etiquetas HTML y PHP.

 templateDetails.xml: Archivo XML que sirve para instalar la plantilla en el CMS. Posee la siguiente información:

o Datos relacionados con la plantilla: nombre de la plantilla, autor, licencia, versión, Entre otros.

o Estructura de carpetas, archivos y lenguajes.

o Nombres de las posiciones de módulos que la plantilla admite.

o Opciones de configuración de la plantilla.

 template_preview.png: Imagen con una captura completa de la plantilla en funcionamiento. Sirve como vista previa al momento de seleccionar una plantilla en el panel de administración.

 template_thumbnail.png: Pequeña imagen que también actúa como vista previa al momento de seleccionar una plantilla en el panel de administración.

 index.html: Archivo HTML en blanco (sin etiquetas). Sirve como método de seguridad en servidores que permiten explorar directorios de archivos desde el navegador. Es recomendable crear un archivo index.html por cada carpeta que tenga la plantilla.

 css: Carpeta que contendrá los estilos CSS que utilizará la plantilla.

CARPETAS Y ARCHIVOS NO OBLIGATORIOS:

Son archivos que agregan funcionalidades o características a la plantilla, pero que no es obligatorio incluirlos.

 component.php: Archivo PHP que permite crear una versión reducida de la plantilla. Por lo general, se usa como vista previa al querer imprimir un artículo o enviarlo por correo electrónico. En caso de no existir, se utiliza el archivo component.php ubicado en la carpeta /templates/system/;

 error.php: Archivo PHP utilizado para mostrarse cuando ocurre algún error en el CMS o cuando una página no ha sido encontrada.

 favicon.ico: Imagen que se utilizará como icono de la página. Joomla comprueba que el archivo exista y, en caso positivo, se incorporan automáticamente las etiquetas apropiadas para mostrarlo.

 images: Carpeta con imágenes a utilizar en el diseño de la plantilla.

 js: Carpeta con archivos JavaScript para utilizar en la plantilla.

 html: Los archivos alojados en esta carpeta permiten sobrescribir la salida HTML que imprime el CMS de forma predeterminada en componentes y módulos. Es decir, si desea personalizar el contenido HTML de una extensión, los archivos que lo harán serán ubicados en esta carpeta.

 language: Contendrá archivos del idioma .ini, los cuales servirán para mostrar textos diferentes dependiendo del idioma configurado para el sitio y la administración. Cada idioma está separado por su correspondiente carpeta.

CREACION DE LOS ARCHIVOS DE LA PLANTILLA:

A continuación se darán a conocer algunas pautas que deberá tener en cuenta al momento del análisis:

 Definiciones gráficas:

o Contar con un diseño gráfico en el cual se basará la plantilla y además satisfaga las necesidades del sitio: Gama de colores, disposición de los elementos, gráficas, usabilidad y accesibilidad.

 Definiciones funcionales:

o Dependiendo de los requerimientos y necesidades, el sitio contará con una cantidad definida de funcionalidades.

o Debe tener en cuenta que la plantilla sea lo suficientemente extensible y flexible para adecuarse a distintas situaciones.

 Definiciones técnicas:

o No siempre es posible realizar un sitio que luzca exactamente igual en todos los navegadores, versiones y dispositivos. Particularmente, Internet Explorer suele ser el navegador más problemático. Por lo tanto deberá tomar como determinación que navegadores, versiones y dispositivos serán soportados por la plantilla.

o Posiciones de módulos: Esta es una definición que dependerá de los elementos que compongan a la plantilla y su disposición. Para hacerlo, deberá delimitar el diseño en “zonas funcionales.

CREACION DE LA CARPETA TEMPLATE

Lo primero que haremos será crear la carpeta en donde se alojaran los archivos de nuestra plantilla. Para eso vamos al directorio ‘templates’ de joomla y crearemos una carpeta con el nombre que queramos, en minúscula, y en caso de ser varias palabras, sin espacios. Luego podemos

...