Home Joomla Cómo crear su propia plantilla de Joomla | Noticias 2023

Cómo crear su propia plantilla de Joomla | Noticias 2023

0
21
 Agregue una etiqueta JavaScript o CSS a su Joomla!  (por página, no en todo el sitio).  |  Intercambio de expertos

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

Seleccionar todo; Abrir en una nueva ventana

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!

Seleccionar todoAbrir en una nueva ventana

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.

NO COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here