Aquí hay un tutorial para crear sus propias plantillas de Joomla. Tenga en cuenta que antes de leer debe tener algún conocimiento de desarrollo web usando HTML y CSS.
1 Diseño de diseño
Diseñe su modelo en un programa de gráficos como Adobe PhotoShop o Corel Draw, por ejemplo (úselo como prefiera).
2. Aislar imágenes
Guarde imágenes de diseño importantes (encabezado, fondo, pie de página, menú, etc.) en una carpeta (p. ej.: «imágenes»).
3. Crea un directorio para tu nueva plantilla de Joomla
Abra el directorio de plantillas de Joomla y cree una nueva carpeta allí («mytemplate»).
4. Cree una estructura de archivos/carpetas para su nueva plantilla de Joomla
En la carpeta «mytemplate», cree nuevos archivos: «index.php», «template_thumbnail.png» y «templateDetails.xml».
A continuación, cree dos carpetas más, «imágenes» y «css». En la carpeta de imágenes, pegue sus imágenes del paso 2 y en css, cree un nuevo archivo «style.css».
5. XML de detalles de la plantilla de Joomla
Ahora abra el archivo templateDetails.xml con cualquier editor de código como NotePad ++ o DreamWeaver, por ejemplo (como para el diseño gráfico, no importa cuál elija porque es su preferencia).
Luego escriba este código, modificando la información entre las etiquetas según corresponda (por ejemplo, «NOMBRE DE LA PLANTILLA»), luego guarde el archivo.
«http://dev.joomla.org/xml/1.5/template-install.dtd»
NOMBRE DEL MODELO
07/01/2010
SU NOMBRE
SU CORREO
SU PÁGINA WEB
gnu/gpl
1.0.0
Sin descripción
índice.php
templateDetails.xml
plantilla_miniatura.png
css/estilo.css
columna izquierda
columna principal
columna derecha
6. La página de índice de plantillas de Joomla
Abra index.php usando su editor de texto/código y agregue código HTML como el siguiente ejemplo para su plantilla, ¡luego guárdelo!
Nota:
significa que hay una posición de módulo en la «columna principal» que encontrará en el panel de administración de Joomla. El nombre de la posición del módulo debe ser el mismo en los archivos «templateDetails.xml» e «index.php» (por ejemplo, columna principal).
7. La hoja de estilo de la plantilla de Joomla
Abra el archivo style.css y agregue el código CSS para su plantilla. No pondré ejemplos para esto, pero como se indicó anteriormente, ya debería saber un poco de CSS, por lo que puede escribir algunos estilos de prueba simples aquí.
8. ¡Activa tu modelo!
Abra su panel de administración de Joomla y navegue hasta el administrador de plantillas. ¡Verá el nombre de su propia plantilla que ahora puede configurar como predeterminada y probarla!
Espero que esto le ayude a mejorar sus sitios web.
