Hola
Te preparé lo siguiente, a modo de resumen muy rápido (parecerá mucho texto, pero créeme que es un resumen...)
Al crear un template joomla en lo que más se tarda uno es en dejar la estructuración y el estilo general suficientemente terminados y definidos.
Básicamente, lo que tienes que tener muy bien claro al diseñar tu template es dónde van a estar:
-
Los módulos
-
El contenido principal
- Opcional: posición para "
Breadcrumbs" (como lo es por ej: "
Foros del Web > Diseño de Sitios web > Aplicaciones prefabricadas > Joomla > como creo plantilla para joomla", y los
mensajes del sistema (como los que se despliegan al haber errores en algún formulario, o al enviarse dicho formulario, etc. Algunos componentes requieren tener estos espacios definidos en el template, pero no es obligatorio.)
INDEX.PHP
En cada posición se coloca una línea de código que Joomla entenderá para asignar ahí un módulo determinado. Por ejemplo, si quieres poner en un div tal la posición "left", entonces debes poner esto:
Código PHP:
Ver original<div id="izquierda">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
Y con eso el sistema colocará todos los módulos asignados a "left" en ese espacio. (Ojo que lo del div es ejemplo, si quieres ponerlo dentro de una tabla es igual, aunque no es recomendable utilizar tablas para estructuración principal)
Así haces con el resto de posiciones. Tu escoges las que quieras.
Luego para el contenido haces lo mismo, sólo que la línea de código cambia, deberás usar:
Código PHP:
Ver original<div id="contenido_principal">
<jdoc:include type="component" />
</div>
Y para mensajes de sistema y breadcrumb las líneas son:
Código PHP:
Ver original<jdoc:include type="module" name="breadcrumbs" style="none" />
<jdoc:include type="message" />
También, las colocas donde quieras.
Todo esto es dentro de las etiquetas del BODY.
Ahora, importante, para el HEAD y principio del archivo (siempre en index.php) debes poner como mínimo algo como esto:
Código PHP:
Ver original<?php
// no direct access
defined( '_JEXEC' ) or
die( 'Restricted access' ); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/tu-hoja-de-estilo.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css"/>
</head>
Dentro del index.php, cada vez quieras usar el URL de tu sitio, es recomendable usar este línea de código en lugar del uri absoluto:
que equivale al URL del sitio (e.g.: http://www.tusitioweb.com).
Nota2: La línea de código:
es una variable que reemplaza el valor del nombre de la carpeta del template en el directorio. Si la carpeta de tu template se llama por ejemplo "mitemplate" entonces "
<?php echo $this->template ?>" es igual a "
mitemplate".
templateDetails.xml
Si lo quieres hacer simple, puedes utilizar algo como esto, y llenarlo con tus propios datos:
Código XML:
Ver original<?xml version="1.0" encoding="iso-8859-1"?>
<mosinstall type="template">
<name>Título del Template</name>
<creationDate>la fecha de cración - se puede usar cualquier formato</creationDate>
<author>Tu nombre</author>
<copyright>This template is released under the GNU/GPL License - pones lo que quieras</copyright>
<authorUrl>http://www.tusitio.com</authorUrl>
<version>1.0 - la versión que escojas para tu template</version>
<description>El tag lo dice sólo... :)</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<filename>template_thumbnail.png</filename>
</files>
<images>
<filename>images/arrow.png</filename>
<filename>images/bg_green.gif</filename>
<filename>images/header_bg.jpg</filename>
<filename>images/mainmenu_bg.jpg</filename>
</images>
<css>
<filename>css/tu-hoja-de-estilo.css</filename>
</css>
<positions>
<position>header</position>
<position>top</position>
<position>breadcrumb</position>
<position>left</position>
<position>footer</position>
</positions>
</mosinstall>
Obviamente, en <images> dentro pones las imágenes que usaste en tu template, si ocupas más líneas pues simplemente las agregas. Lo mismo con las posiciones que declaraste en el index.php.
Nota3: "content" no se declara en <positions> ya que no es una posición, sino precisamente el contenido principal, el cual es obligatorio ponerlo, ya que ahí es donde Joonla despliega los artículos y componentes.
Nota4: el
template_thumbnail.png es una imagen que se hace con el fibn de servir como identificador gráfico en el ACP (Administrator Control Panel) de Joomla, en el administrador de plantillas. (Debe ser tipo thumbnail, de unos 200x150px, y lo ideal es que muestre un screenshot del aspecto de tu tempalte.
Para apoyo, la documentación oficial se encuentra en:
http://docs.joomla.org/Tutorial:Creating_a_basic_Joomla!_template#Creatin g_a_basic_index.php_file
Espero que te sirva la info, y lo que se requiere es paciencia, prácticamente.
Saludos!