Como crear una plantilla para Joomla

Como crear una plantilla para Joomla

Existen dos tipos de plantillas para Joomla!:

• La plantilla pública (front-end), que controla la apariencia del contenido que se muestra a los visitantes de nuestro sitio.
• La plantilla de administración (back-end), que controla la apariencia de la interfaz del panel de administración de Joomla

Al principio nos centraremos en la maquetación con HTML5 y CSS. Pero, considerando que las plantillas de Joomla! son archivos PHP, en algún momento se presentará la necesidad de realizar las pruebas en un servidor local antes de “subir” nuestra plantilla al sitio de producción. Por lo tanto, también dejo a tu criterio y elección la instalación de un servidor local en tu ordenador. Por ejemplo, si eres usuario de Windows, puedes elegir entre WampServer, Xampp o el que sea de tu preferencia

Para empezar tenemos que estar seguros de que nuestra plantilla esté optimizada para cualquier navegador por una sencilla razón: cada navegador interpreta las etiquetas HTML de diferente manera y también muestra el contenido de distinta forma. Felizmente, para nosotros, la Internet pone a nuestra disposición muchos frameworks HTML/CSS que nos ayudan a no perder tiempo en la optimización y concentrarnos en la maquetación con HTML y CSS.

En la sección de "pre-configuración" seleccionamos la primera opción (“Classic H5BP) que nos brinda las características básicas de Boilerplate

En la sección de "sintonía fina" marcamos solamente las opciones que se muestran en la figura.

Finalmente ya podemos descargar nuestro framework en el archivo comprimido initializr-verekia-4.0.zip.

Estructura preliminar de los archivos de nuestra plantilla

Al descomprimir el archivo, tendremos una carpeta llamada "initializr". Copiamos dicha carpeta en nuestro directorio de trabajo y la renombramos con el nombre de nuestra plantilla; en este caso será "miplantilla" y tendrá el siguiente contenido preliminar.

Ya tenemos las herramientas necesarias para dar el primer paso en el desarrollo de nuestra plantilla. Ahora veamos cuáles son los requerimientos y las características de nuestro sitio.

¿Qué queremos hacer?

Nuestro sitio de Joomla! consta de cuatro secciones:

• Inicio.
• Portafolio.
• Blog.
• Contacto.