Tutorial: Crear un template para Joomla! 1.5 desde cero

Joomla!Junto a Comunidad Joomla! , tengo el agrado de presentarles el Manual de desarrollo de plantillas para Joomla! 1.5: Guía paso a paso, una completa ayuda para crear un template funcional, con ejemplos 100% reales y prácticos.

Antes de empezar

Además necesariamente se debe tener:

Índice

Estructura básica de una plantilla para Joomla! 1.5.x

Básicamente un template puede estar formado por las siguientes carpetas y archivos:

Estructura de una plantilla en Joomla!

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.

Dentro de la carpeta ‘html’, como decía más arriba, estarán archivos y carpetas específicos para los módulos y componentes del sitio. Con esto podremos manejar a nuestro gusto la apariencia y el output de dichos componentes y módulos. La idea es que la plantilla prevalezca por encima del output HTML que genera Joomla! De esta forma, por ejemplo, podremos reemplazar todas las tablas que genera tal componente y reemplazarlas por DIVs.

Creación de la carpeta para nuestro template

Nombre de la carpeta que alojará nuestros archivosLo 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 creamos una carpeta con el nombre que queramos, en minúscula, y en caso de ser varias palabras, sin espacios. Luego podemos crear las subcarpetas necesarias: css, images y/o HTML

Seguir leyendo…

 

Deja una respuesta