Descripción de los elementos básicos de Joomla

Introducción

Ahora que ha completado la instalación de Joomla! presentaremos los diferentes elementos de configuración de su sitio web.

Plantillas

La plantilla (template) y sus archivos asociados proporcionan el ‘aspecto visual y el manejo’ del sitio web y se mantienen separados del contenido del sitio. Esta se almacena en una base de datos MySQL.

La instalación habitual de Joomla! incluye 2 plantillas pre-instaladas: ‘madeyourweb’ y ‘rhuk_solaflare_ii’. Existen muchas webs que ofrecen plantillas gratuitas o comerciales.

Los archivos de la plantilla se ubican en la carpeta ‘templates’ en la carpeta de instalación de Joomla!. Habitualmente constan de los siguientes:

Nombre del Archivo	Detalles
index.php	Este archivo contiene código HTML, PHP y posiblemente JavaScript, y proporciona el soporte para el diseño de su sitio web. Además, en combinación con los archivos .css y las imágenes, determinan la estructura del diseño y los elementos de contenido del sitio.
templateDetails.xml	Este archivo contiene los detalles descriptivos de la plantilla y las referencias a todos los archivos usados, ejemplo: index.php, el archivo css…
template_thumbnail.png	Este archivo se usa, en el Administrador de Plantillas para proporcionar, si está activado, una imagen en miniatura del diseño del sitio web. Debe estar situado en el directorio raíz de la plantilla.
Template_css.css	Situado en la carpeta ‘css’ del directorio de la plantilla, esta Hoja de Estilos en Cascada (CSS) contiene el código que define el estilo visual del sitio web, ejemplo: tamaños de letra, colores… Pueden existir tantos archivos CSS como usted desee proporcionar en la referencia HTML del archivo index.php. Por ejemplo: <?php echo "<link rel=\"stylesheet\"href=\"$GLOBALS [mosConfig_live_site]/templates/$GLOBALS[cur_template] /css/template_css.css\" type=\"text/css\"/>" ; ?> Nota: Aunque en este ejemplo se ha dividido el código en tres líneas, en la práctica no deben existir espacios.
Archivos de Imagen	Estos archivos están situados en la carpeta ‘images’ y pueden ser .gif, .jpg o .png. Constituyen los elementos gráficos del diseño del sitio web.

 Componentes

Los Componentes son elementos del núcleo de Joomla! con una funcionalidad determinada y que se muestran en el cuerpo principal de la plantilla del sitio web. El código para el cuerpo principal aparecerá en la plantilla del siguiente modo: <?php mosMainBody.php ();?>. Dependiendo del diseño de la plantilla utilizada, suelen estar en el centro de la página web.

La instalación estándar de Joomla! incluye los componentes: Banners (anuncios), Contactos, Noticias Externas, Encuestas y Enlaces Web.

Diferentes miembros de la comunidad Joomla! producen componentes de terceros sobre la base de Joomla!. Eche un vistazo al Directorio de Extensiones Joomla! o al Sitio del Desarrollador, para obtener una lista de los componentes disponibles para la descarga.

Módulos

Los Módulos amplían las posibilidades de Joomla! proporcionando nueva funcionalidad al software. Un Módulo es un pequeño artículo de contenido que puede mostrarse en cualquier parte que la plantilla lo permita. Los módulos son muy fáciles de instalar en el Administrador (Back-end).

Joomla! incluye los módulos: Menú Principal, Menú Superior, Selector de Plantilla, Encuestas, Noticias Externas, Contador de Accesos, etc.

Diferentes miembros de la comunidad Joomla! producen módulos de terceros sobre la base de Joomla!. Eche un vistazo al Directorio de Extensiones Joomla! o al Sitio del Desarrollador, para obtener una lista de los módulos disponibles para la descarga.

Un ejemplo del código de un módulo es: <?php mosLoadModules ( ‘module position’ );?>.

Mambots

Un Mambot es una pequeña función orientada a una tarea que intercepta cierto tipo de contenido y lo manipula de algún modo. Joomla! proporciona varios Mambots en la distribución original. Ejemplos: Editores WYSIWYG, {mosimage} y {mospagebreak}...

Ciclo de Desarrollo de un Sitio Web Joomla!

Esta sección trata el ciclo de desarrollo habitual de un sitio web Joomla! y proporciona una lista sencilla con las cuestiones y consideraciones que usted necesita para llegar al nivel de comprensión de un diseñador web.

Existen dos aspectos diferentes en el diseño de un sitio web con el CMS Joomla!. El contenido y la plantilla, o lo que es lo mismo el ‘Aspecto y Manejo’ del sitio. Aunque estos dos aspectos pueden desarrollarse independientemente, es necesario establecer algunas conexiones entre ambos. Partimos de la base que ha instalado Joomla! con éxito.

‘Aspecto y Manejo’ de la Plantilla	Contenido del Sitio
Considerar los requisitos globales del ‘Aspecto y Manejo’, ejemplo: formato, estilo…	Producir una lista de temas e información que serán incluidos en el sitio. Organizar la lista en grupos lógicos con una estructura jerárquica adecuada si es preciso (ejemplo: un mapa del sitio). En esta fase, no hacer presunciones sobre cómo se presentará la información (ejemplo: un calendario o un diario pueden ser un Artículo de Contenido o pueden necesitar instalar un componente adicional).
Considerar la presentación global de la información, incluyendo posición de los menús, contenido principal, contenido secundario (ejemplo: una lista de artículos de noticias, logos, banners, copyright, etc). Considerar los requisitos de presentación CSS	Considerar cada grupo de información para determinar una estructura adecuada de Secciones, Categorías y Artículos. Considerar qué Componentes del núcleo de Joomla! son necesarios. Considerar si son necesarios Componentes adicionales. Considerar si es necesario programar un Componente personalizado. Considerar qué Módulos del núcleo de Joomla! son necesarios. Considerar si son necesarios Módulos adicionales. Considerar si es necesario programar un Módulo personalizado. Considerar si son necesarios Mambots adicionales.
Considerar el impacto de la ubicación de los Módulos en el diseño de la plantilla.
Considerar los requisitos gráficos y realizar borradores.	Crear las Secciones, Categorías y Artículos.
Producir un borrador de la plantilla y del archivo .css, incluyendo borradores gráficos.	Introducir texto de prueba en la descripción de las Secciones y Categorías y en los Artículos. Instalar los Componentes, Módulos y Mambots adicionales y agregar contenido.
Considerar cómo se engrana el contenido en la plantilla.
Producir la plantilla, el archivo .css y los gráficos definitivos.	Realizar una revisión del contenido, corrigiéndolo o modificándolo si es necesario.
Revisar y modificar, cuando sea necesario, para asegurarse que la plantilla se ajusta al contenido y a nuevas posibles necesidades.