Tutorial: Crear un template para Joomla! 1.5 (Primera parte)
Martes, 04 de Septiembre de 2007 20:25

Creación de templateDetails.xml

Podemos dividir en cuatro partes el contenido de templateDetails.xml: Datos, Archivos, Posiciones y Parámetros.

:: Datos: Aquí, entre cada etiqueta pondremos los datos específicos de la plantilla como su versión, autor, email, pagina web, año, licencia y descripción:

XML
  1. <?xml version="1.0" encoding="utf-8"?>
  2.       <install version="1.5" type="template">
  3.         <name>Nombre de la plantilla</name>
  4.         <creationDate>Fecha de creación</creationDate>
  5.         <author>Nombre del autor</author>
  6.         <copyright>Licencia</copyright>
  7.         <authorEmail>email del autor</authorEmail>
  8.         <authorUrl>web del autor</authorUrl>
  9.         <version>versión</version>
  10.         <description>
  11.         <![CDATA[
  12.           Aqui va la descripción, puede usarse HTML o texto plano.
  13.           ]]>
  14.         </description>

 

:: Archivos: Especificaremos todos los archivos de la plantilla para ser instalados. En caso de no especificar alguno, este no será instalado. Y si especificamos un archivo que no existe, al instalar aparecerá un error.

XML
  1. <files>
  2.         <filename>index.php</filename>
  3.         <filename>templateDetails.xml</filename>
  4.     <filename>template_thumbnail.png</filename>
  5.     <filename>favicon.ico</filename>
  6.         <filename>css/template.css</filename>
  7.         <filename>images/imagen.png</filename>
  8.         </files>

 

:: Posiciones: Es importante saber con anticipación que posiciones usaremos en nuestro sitio. Con esta especificación, cada vez que queramos editar el lugar de tal modulo, solo podremos elegir entre las opciones disponibles de la plantilla. 

XML
  1. <positions>
  2.     <position>left</position>
  3.     <position>right</position>
  4.     <position>top</position>
  5.     <position>user1</position>
  6.     <position>user2</position>
  7.     <position>user3</position>
  8.     <position>user4</position>
  9.   </positions>

 

:: Parámetros: Permiten configurar diferentes opciones que nosotros hemos añadido en la plantilla. Por ejemplo, si nuestra plantilla cuenta con la posibilidad de configurar los colores de fondo, esta opción estará habilitada para ser activada desde la administración de Joomla!. Antes si nosotros añadíamos esta posibilidad de cambiar colores, solamente se podía configurar editando alguna variable en index.php. La plantilla RHUK Milkyway que viene en el paquete de instalación cuenta con esta opción, si entran a su configuración desde la administración la podran ver:

Parametros de plantilla

 

XML
  1. <params>
  2.     <param name="color" type="list" default="blanco" label="Color de fondo" description="Color de fondo">
  3.       <option value="blue">Azul</option>
  4.       <option value="red">Rojo</option>
  5.       <option value="black">Negro</option>
  6.       <option value="white">White</option>
  7.     </param>
  8.   </params>
  9. </install>

 

Los valores son guardados en el archivo params.ini. Corre por nuestra cuenta si nosotros queremos o no añadir este tipo de posibilidad a nuestro diseño. Por lo general las plantillas comerciales son las que lo implementan, ya que le otorga mucha flexibilidad al producto. Al no ser prioritario en el diseño de una plantilla básica, los parámetros seran tratados mas adelante.

Entonces templateDetails.xml puede tener la siguiente apariencia:

XML
  1. <?xml version="1.0" encoding="utf-8"?>
  2.       <install version="1.5" type="template">
  3.         <name>Nombre de la plantilla</name>
  4.         <creationDate>Fecha de creación</creationDate>
  5.         <author>Nombre del autor</author>
  6.         <copyright>Licencia</copyright>
  7.         <authorEmail>email del autor</authorEmail>
  8.         <authorUrl>web del autor</authorUrl>
  9.         <version>versión</version>
  10.         <description>
  11.         <![CDATA[
  12.           Aqui va la descripción, puede usarse HTML o texto plano.
  13.           ]]>
  14.         </description>
  15.         <files>
  16.         <filename>index.php</filename>
  17.         <filename>templateDetails.xml</filename>
  18.     <filename>template_thumbnail.png</filename>
  19.     <filename>favicon.ico</filename>
  20.         <filename>css/template.css</filename>
  21.         <filename>images/imagen.png</filename>
  22.         </files>
  23.   <positions>
  24.     <position>left</position>
  25.     <position>right</position>
  26.     <position>top</position>
  27.     <position>user1</position>
  28.     <position>user2</position>
  29.     <position>user3</position>
  30.     <position>user4</position>
  31.   </positions>
  32.   <params>
  33.     <param name="color" type="list" default="blanco" label="Color de fondo" description="Color de fondo">
  34.       <option value="azul">Azul</option>
  35.       <option value="rojo">Rojo</option>
  36.       <option value="negro">Negro</option>
  37.       <option value="blanco">Blanco</option>
  38.     </param>
  39.   </params>
  40. </install>

 

En la segunda parte del tutorial [ próximamente...] empezaremos con la creación de index.php

 

 

 

 
Comentarios (28)
1 Domingo, 09 de Septiembre de 2007 17:11
INTERESADO
HOLA...
PODRIAS EXPLICAR XML USANDO UN TEMPLATES COMO EJEMPLO PARA QUE SEA MAS PEDAGOGICA ESTE TUTORIAL, BUENO SI ES POSIBLE QUE OCUPES MANZANAS PARA QUE SEA HAUN MAS FACIL DE COMPRENDER ESTE LENGUAJE SE TE AGRADECERIAA MUCHO...
2 Lunes, 10 de Septiembre de 2007 04:38
Suriv
Por desconocimiento nada más...

Puedes crearte un template para Joomla de manera off-line,no los xml que claro se pueden, más bien .php.....
3 Lunes, 01 de Octubre de 2007 04:52
martin
gracias por los consejos, no he visto post que expliquen sobre esto !!!
4 Domingo, 21 de Octubre de 2007 04:47
Asio
Muy bueno el tutorial. Espero el proximo con impaciencia. Asi desde, desde cero es como realmente se aprenden a realizar estas plantillas.
5 Domingo, 04 de Noviembre de 2007 11:20
RSISistemas
Muy útil la información del post! Y excelente el blog. Saludos!
6 Domingo, 11 de Noviembre de 2007 09:00
Lord-G
felicitarte por este nuevo tutorial, una consulta yo segui el anterior tutorial que hiciste, pero yo instale esta version de joomla 1.5 y no he podido hacer que se me visualice la plantilla sera por la version de joomla, tengo un servidor fedora 7 configurado para mi sitio web y deseo hacer mi propio template, no usar uno ya hecho, espero con ansia la segunda parte del tutorial y las partes que siguen. ah se me olvida yo hago el index.php y el xml con dreamweaver cs3 y con el 8 y me da el mismo resultado...Saludos!!!!!
7 Domingo, 11 de Noviembre de 2007 12:11
Lord-G
Actualizacion!!

Sobre el comentario anterior, quite el joomla 1.5 e instale una version 1.0.13 solo por probar y segui los pasos para crear la plantilla para joomla y si funciono, le cambie los colores al template_css.css y ya me muestra la plantilla si es la version del joomla, me hubiera dejado esta version que hasta esta en español, pero ya me indica que tiene como 160 dias de desactualizada... :(
8 Lunes, 03 de Diciembre de 2007 14:23
gustavo
hola, muy buena esta primera parte. Clara y concisa.
Gracias por tu dedicación y aporte.
9 Miércoles, 12 de Diciembre de 2007 02:19
Xema
Muchas gracias por el tutorial, ¿para cuando la segunda parte???
10 Lunes, 07 de Enero de 2008 10:55
Kail
Me gustaria montar un espacio web con la aplicacion joomla, hasta ahora solo conozco como utilizar wordpres, comparandolo con esta es facil o mas bien dificil? Gracias por su ayuda
11 Martes, 29 de Enero de 2008 09:43
Cesar
EXELENTE!!!
No esta nada complejo te dise todoas las opciones y te dise como se pueden modificar esta MUY BIEN!!! gracias deverian de hacer de estos manuales mas segido
12 Viernes, 08 de Febrero de 2008 05:25
Viagra
Venta de Viagra Generico Comprar Viagra generico - Sildenafil 100mg y Sildenafil 50mg para mejorar la ereccion. En la este sitio encontrara viagra barata, todo para ayudarle en su disfuncion erectil.
13 Miércoles, 05 de Marzo de 2008 23:55
Joomla TC
Muchas gracias por el tutorial..
14 Domingo, 09 de Marzo de 2008 19:11
Noe gomez encino
realmente es muy interesante tu aporte gracias por tomarte el tiempo de compartirlo, esperamos que sigas asi. gracias
15 Domingo, 20 de Abril de 2008 23:01
Carlos Arcediano
Muy buena la primera parte. Me ha sido muy útil para empezar a personalizar una plantilla que me descargué. Supongo que la 2a me dará más todavía. Muchas gracias.
16 Miércoles, 23 de Abril de 2008 01:04
casasdemaderacp.com
Me a sido de gran utilidad para desarrollar una aplicacion de la web, llevaba dos dias buscando algo que me lo aclarara
17 Miércoles, 23 de Abril de 2008 07:30
Angel Rodriguez
Muy agradecido con el tutorial, pienso que es un gran aporte para familia, mi unica sugerencia con todo respeto es poder hacer de estos tutoriales una manera mas sencilla de aprender es decir que lo hagas mas detallado de principio a fin.

Saludos!!!
18 Lunes, 28 de Abril de 2008 14:25
Jose
Creo que voy a pasar dos de mis websites a joomla, las ultimas versiones que llevo actualizando de wordpress no me dan mas que problemas y no me merecen la pena, E oido hablar muy bien de Joomla, probare a ver que tal.
19 Domingo, 04 de Mayo de 2008 07:21
lyla
hola¡
soy principiante en joomla y me gustaria ver la segunda parte del tutorial pronto, porfis.
felicitaciones por esa primera parte ¡muy buena¡
20 Lunes, 19 de Mayo de 2008 11:08
alberto
Como hago para formar parte de joomla??? osea crear mi cuenta!! para poder trabajar en el diseño de web!!!
21 Miércoles, 11 de Junio de 2008 06:37
contec
me qeudo con wordpress antes que con joomla, no lo veo del todo bueno aun.
22 Martes, 15 de Julio de 2008 19:17
walter segura
porfa si puedes poner la segunda parte...y dime nose comp podria pasar mis templates de 1.1.X a 1.0 porfa si alguien me ayuda ..Asi paras las personas que no puedan encontrar un srvidor como joomla existe un portable que solo funciona en un usb donde hace que tu memoria se convierta en un servidor apache y puedas como cosa predeterminada decides instalar un joomla o cualquier cms ,es ideal para aprender esta es la direccion ,es gratuito el prgrama: http://www.chsoftware.net/en/useware/wos/wos.htm

saludos.
23 Viernes, 01 de Agosto de 2008 15:25
Augusto Cando
Exceleente esperando con ansias a que des la segunda parte muy bueno
24 Viernes, 15 de Agosto de 2008 21:34
anónimo
oie asopao... busca un poco... ahí está el link para la segunda parte... http://www.leandrodonofrio.com/tutoriales/tutoriales/como-crear-un-template-para-joomla-segunda-parte/
25 Sábado, 16 de Agosto de 2008 06:29
Alfredo
Solo darte las gracias por el tiempo que dedicas a que los demas aprendamos
26 Miércoles, 20 de Agosto de 2008 16:00
Gabriel
Leandro, podrías explicar como crear el template para 1.5 igual que lo hichiste para 1.0? Veo que entre ambas versiones ya hay muchas diferencias en la estructura de archivos e imagino es lo mismo con las funciones y los módulos. Saludos.
27 Sábado, 17 de Enero de 2009 15:45
dalcas
muy interesante su tutorial. Me podrias por favor ayudar con esto NO PUEDO VER EL EDITOR DE TEXTO a pesar de estar configurado en global
28 Viernes, 04 de Septiembre de 2009 23:02
alfredo
no entiendo como crear plantillas

Agregue su comentario

Tu Nombre:
Tu email:
Tu sitio web:
Comentario: