Como crear un plantilla para Joomla! 3.2.2 desde cero

Esta es una nueva versión de mi post anterior “Como crear una plantilla para Joomla 1.6” y estará basada en la plantilla “protostar” que incluye el nuevo Joomla! Por defecto. En esta guía detallo como crear una plantilla y he trato de incluir solo las partes más elementales de modo que no importa si ya tenías experiencia o apenas vas empezando con Joomla, espero que les sirva a todos.

Lo primero es crear una carpeta con el nombre de la plantilla (en este ejemplo el nombre es jplan_PlantillaPrueba322). Dentro de esta carpeta debemos de crear un archivo llamado templateDetails.xml con un contenido más o menos como el siguiente (adecuándolo a las necesidades de cada quien). Por cierto el DOCTYPE dice 2.5, no se preocupen de eso por ahorita.

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/2.5/template-install.dtd">

<extension version="3.2" type="template" client="site">

<name>jplan_PlantillaPrueba322</name>

<version>1.0</version>

<creationDate>20 Febrero 2014</creationDate>

<author>José Sotero Vibriezca Venegas</author>

<authorEmail></authorEmail>

<authorUrl>http://www.miviaweb.com</authorUrl>

<copyright>Copyright (C) 2014 www.miviaweb.com, Inc. All rights reserved.</copyright>

<description>TPL_PLANTILLAPRUEBA322_XML_DESCRIPTION</description>

<files>

<filename>index.php</filename>

<filename>templateDetails.xml</filename>

<filename>template_preview.png</filename>

<filename>template_thumbnail.png</filename>

<folder>css</folder>

<folder>images</folder>

<folder>js</folder>

<folder>language</folder>

</files>

<positions>

<position>banner</position>

<position>debug</position>

<position>position-0</position>

<position>position-1</position>

<position>position-2</position>

<position>position-3</position>

<position>position-4</position>

<position>position-5</position>

<position>position-6</position>

<position>position-7</position>

<position>position-8</position>

<position>position-9</position>

<position>position-10</position>

<position>position-11</position>

<position>position-12</position>

<position>position-13</position>

<position>position-14</position>

<position>footer</position>

</positions>

<languages folder="language">

<language tag="es-ES">es-ES/es-ES.tpl_jplan_PlantillaPrueba322.ini</language>

<language tag="es-ES">es-ES/es-ES.tpl_jplan_PlantillaPrueba322.sys.ini</language>

</languages>

</extension>

Si desean ir un poco más avanzado, en <files> pueden incluir los archivos component.php, error.php, favicon.ico y obviamente copiar estos archivos de la carpeta public_html/ templates/protestar. No olviden incluir los créditos necesarios si copian contenido de otros.

Nuevamente omití  toda la parte de configuración y parámetros para simplificar la creación de nuestra primer plantilla. Sin embargo esta ocasión si incluyo la parte de idiomas para irnos acostumbrando a usarlos.

Bueno creo que cada línea del contenido XML anterior se explica por sí sola, aun así les daré una breve descripción. Lo más importante a cambiar es NAME (nombre de su plantilla) y todo lo de FILES (son libres de agregar o quitar todos los archivos o carpetas que su diseño y plantilla requieran) siempre y cuando mantengan los archivos (index.php, templateDetails.xml, template_preview.png y template_thumbnail.png). Datos personales como AUTHOR, CREATION DATE, DESCRIPTION pues no son esenciales, aun así es bueno que lo hagan para referencia de ustedes mismo. Para los que no tienen experiencia con el diseño de plantillas para Joomla, es recomendable que los POSITION los mantengan como están, ya que estas son las posiciones que se usaran para desplegar los contenidos en la página. Si conforme avanza el desarrollo de la plantilla agregan más archivos o posiciones, no se olviden de regresar a templateDetails.xml y agregar los FILE o POSITION correspondientes. Aquí les dejo la descripción de cada position:

POSITION-0 = "Search"

POSITION-1 = "Navigation"

POSITION-2 = "Breadcrumbs"

POSITION-3 = "Top center"

POSITION-4 = "Unused"

POSITION-5 = "Unused"

POSITION-6 = "Unused"

POSITION-7 = "Right"

POSITION-8 = "Left"

POSITION-9 = "Unused"

POSITION-10 = "Unused"

POSITION-11 = "Unused"

POSITION-12 = "Unused"

POSITION-13 = "Unused"

POSITION-14 = "Unused"

Es recomendable usar el mismo position para cada cosa, así cuando cambiemos de template no hay que estar configurando nuevamente cada módulo.

Ahora debemos agregar los archivos template_thumbnail.png y template_preview.png, cada uno es la imagen de como se ve nuestro sitio (si no cuentan con dichas imágenes, este paso lo pueden realizar al final, solo no se les olvide jejeje). La primera es una imagen PNG de 206x150px, puede ser su logotipo o una imagen en miniatura de la página principal. La segunda puede ser una imagen PNG de 640x388px, también es una impresión de pantalla reducida de como se ve tu plantilla.

<?php

// No direct access.

defined('_JEXEC') or die;

?>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">

<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<jdoc:include type="head" />

    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/estilo.css" type="text/css" />

    <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/ejemplo.js"></script>    

    <meta http-equiv='Content-Type' content='text/html; charset=windows-1252' />

    <title>Plantilla de prueba desarrollada por www.miviaweb.com</title>

</head>

<body>

<div>

        <div class='Header'>

        Contenido del Header

<jdoc:include type="modules" name="position-0" /><!--SEARCH-->

        </div>

        <div class='menu_tab'>

            <jdoc:include type="modules" name="position-1" /><!--HOR NAV-->

        </div>

<div id='main_content'>

            <jdoc:include type="modules" name="position-2" /><!--Breadcrumbs-->

            <jdoc:include type="modules" name="position-3" /><!--Top center-->

            

            <!-- Left Content -->

            <div id='left_content'>

            <jdoc:include type="modules" name="position-4" />

                <jdoc:include type="message" />

                <jdoc:include type="component" /><!--CONTENT-->

            <jdoc:include type="modules" name="position-5" />

            <jdoc:include type="modules" name="position-6" />

            </div>

            <!-- Right Content -->

            <div id='right_content'>

                <jdoc:include type="modules" name="position-7" /><!--Right-->

                <jdoc:include type="modules" name="position-8" /><!--Left-->

            </div>

            <!-- Footer -->

            <div class='footer'>

            <jdoc:include type="modules" name="position-9" />

                Contenido del Footer

            <jdoc:include type="modules" name="position-10" />

            </div>

            

            <jdoc:include type="modules" name="debug" style="none" />

</div>

</div>

</body>

</html>

En el lugar donde ubiquen la etiqueta jdoc de tipo component (<jdoc:include type="component" />) es donde se desplegaran los artículos que publiquemos. Las etiquetas jdoc de tipo modules (<jdoc:include type="modules" name="position-0" />) sirven para establecer las posiciones donde queramos desplegar diferentes módulos en la página. Si se fijan el atributo NAME corresponde con los POSITION del archivo templateDetails.xml

El diseño de index.php es muy sencillo, ustedes lo pueden hacer tan complicado como deseen. Hay más cosas que le pueden agregar a este archivo, para ello échenle un vistazo a la documentación de Joomla y al archivo index.php de alguna plantilla como protostar que viene con Joomla 3.2.2.

No olviden crear un archivo llamado “index.html” dentro de cada carpeta que creen, esto es para evitar que usuarios o robots mal intencionados puedan listar el contenido de nuestras carpetas. Para el contenido de este archivo basta con poner simplemente “<!DOCTYPE html><title></title>”. La carpeta principal de nuestro template no requiere este archivo porque ya contiene el archivo “index.php” y este hace el mismo trabajo.

A continuación creamos la carpeta “language” (no olvidar el archivo index.html) y dentro de esta a su vez la carpeta “es-ES” (no olvidar el archivo index.html) o el código de idioma que deseen. Dentro de esta última carpeta crear los archivos “es-ES.tpl_jplan_PlantillaPrueba322.ini” y “es-ES.tpl_jplan_PlantillaPrueba322.sys.ini” el contenido de ambos archivos puede ser el mismo:

TPL_PLANTILLAPRUEBA322_XML_DESCRIPTION="Esta es la plantilla de prueba para Joomla! 3.2.2 creada por www.miviaweb.com"

También creamos la carpeta “js” y dentro los archivos “index.html” y “ejemplo.js”, el archivo JavaScript estará vacío en este ejemplo. También creamos la carpeta “images” y dentro solo el archivo “index.html”. Finalmente creamos la carpeta “css” y dentro los archivos “index.html” y “estilo.css”, el archivo CSS estará vacío en este ejemplo.

Listo ya podemos comprimir la carpeta de nuestro template en un ZIP e instalarla en Joomla!

Problemas comunes al activar URLs amigables en Joomla

Renombrar htaccess.txt

El primer problema que suele presentarse al Activar Motor de búsqueda para URLs amigables y Usar la reescritura URL en Joomla, es que no hacemos caso al aviso de Joomla sobre renombrar el archivo htaccess.txt a .htaccess o simplemente no nos deja el Windows.

Solución uno

Si no ves la extensión de los archivos, lo común seria ir a una ventana del explorador de Windows, presionar la tecla Alt para que nos aparezca el menú, seleccionar Herramientas y luego Opciones de carpeta. Luego hacer click en la pestaña Ver y finalmente en “Configuración avanzada” desmarcar la casilla “Ocultar las extensiones de archivo para tipos de archivo conocidos”. Después intentaríamos darle click derecho al archivo htaccess.txt y seleccionar “Cambiar nombre” (O presionar la tecla F2), intentaríamos cambiar el nombre a .htaccess y Windows nos diría “Debe escribir un nombre de archivo”. El explorador de Windows no nos dejara así que si tienes otro sistema operativo probablemente lo logres, pero si solo tienes Windows, no te preocupes que hay otras soluciones

Solución dos

Si estas en esto es porque probablemente te dediques a hacer páginas web, en ese caso puede ser que en tu computadora ya tengas otro archivo con el nombre .htaccess en otra carpeta. De ser así, simplemente cópialo y págalo donde lo ocupes, ábrelo con el Bloc de notas (Click derecho / Abrir con), bórrale el contenido y pégale el del archivo htaccess.txt que trae Joomla. No tendrás problemas para guardarlo.

Solución tres

Ya que estamos con eso del Bloc de notas, probablemente la forma más fácil y rápida es abrir el archivo htaccess.txt que trae Joomla, hacer click en Archivo / Guardar como, en la ventana “Guardar como” que se abre, escribir .htaccess en Nombre y en tipo seleccionar “Todos los archivos (*.*)”, presionar el botón Guardar y listo.

Solución cuatro

Si tienes instalado algún cliente FTP como FileZilla, puedes subir el archivo a tu servidor, renombrar el archivo y descargarlo de nuevo. Bueno esta solución puede ser un poco tediosa.

Solución cinco

Ir a Inicio / Ejecutar (o presionar la tecla Windows+R), escribir cmd y presionar Aceptar. En la consola o símbolo del sistema dirigirse a la ruta del archivo deseado, escribir lo siguiente y presionar Enter: rename htaccess.txt .htaccess

Conclusión

Estas son solo algunas soluciones, usa la que más se te acomode.

No tener cargado el módulo de rewrite en Apache

Bueno como ya explique en el post .htaccess: Invalid command 'RewriteEngine' uno de los principales problemas que se puede presentar a la hora de activar URLs amigables en Joomla es que justamente no tengamos activado el módulo de Apache para esto. Si este es tu caso, en ese post esta la solución.

Que el archivo .htaccess este corrupto o con un formato inadecuado

Otro problema que me ha tocado ver es cuando el archivo .htaccess esta corrupto. La versión correcta es esta:

##
# @package Joomla
# @copyright Copyright (C) 2005 - 2012 Open Source Matters. All rights reserved.
# @license GNU General Public License version 2 or later; see LICENSE.txt
##

##
# READ THIS COMPLETELY IF YOU CHOOSE TO USE THIS FILE!
#
# The line just below this section: 'Options +FollowSymLinks' may cause problems
# with some server configurations. It is required for use of mod_rewrite, but may already
# be set by your server administrator in a way that dissallows changing it in
# your .htaccess file. If using it causes your server to error out, comment it out (add # to
# beginning of line), reload your site in your browser and test your sef url's. If they work,
# it has been set by your server administrator and you do not need it set here.
##

## Can be commented out if causes errors, see notes above.
Options +FollowSymLinks

## Mod_rewrite in use.

RewriteEngine On

## Begin - Rewrite rules to block out some common exploits.
# If you experience problems on your site block out the operations listed below
# This attempts to block the most common type of exploit `attempts` to Joomla!
#
# Block out any script trying to base64_encode data within the URL.
RewriteCond %{QUERY_STRING} base64_encode[^(]*\([^)]*\) [OR]
# Block out any script that includes a <script> tag in URL.
RewriteCond %{QUERY_STRING} (<|%3C)([^s]*s)+cript.*(>|%3E) [NC,OR]
# Block out any script trying to set a PHP GLOBALS variable via URL.
RewriteCond %{QUERY_STRING} GLOBALS(=|\[|\%[0-9A-Z]{0,2}) [OR]
# Block out any script trying to modify a _REQUEST variable via URL.
RewriteCond %{QUERY_STRING} _REQUEST(=|\[|\%[0-9A-Z]{0,2})
# Return 403 Forbidden header and show the content of the root homepage
RewriteRule .* index.php [F]
#
## End - Rewrite rules to block out some common exploits.

## Begin - Custom redirects
#
# If you need to redirect some pages, or set a canonical non-www to
# www redirect (or vice versa), place that code here. Ensure those
# redirects use the correct RewriteRule syntax and the [R=301,L] flags.
#
## End - Custom redirects

##
# Uncomment following line if your webserver's URL
# is not directly related to physical file paths.
# Update Your Joomla! Directory (just / for root).
##

# RewriteBase /

## Begin - Joomla! core SEF Section.
#
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
#
# If the requested path and file is not /index.php and the request
# has not already been internally rewritten to the index.php script
RewriteCond %{REQUEST_URI} !^/index\.php
# and the request is for something within the component folder,
# or for the site root, or for an extensionless URL, or the
# requested URL ends with one of the listed extensions
RewriteCond %{REQUEST_URI} /component/|(/[^.]*|\.(php|html?|feed|pdf|vcf|raw))$ [NC]
# and the requested path and file doesn't directly match a physical file
RewriteCond %{REQUEST_FILENAME} !-f
# and the requested path and file doesn't directly match a physical folder
RewriteCond %{REQUEST_FILENAME} !-d
# internally rewrite the request to the index.php script
RewriteRule .* index.php [L]
#
## End - Joomla! core SEF Section.

RewriteBase está comentado

Si la ruta de los archivos físicos no está directamente relacionada con la ruta de las URL, debemos eliminar el comentario de esta linea del archvo .htaccess, para eso solo quitamos el símbolo # que esta al inicio de la misma. # RewriteBase /

RewriteBase inadecuado

En algunas ocasiones como por ejemplo si no tenemos Joomla en el directorio raíz sino en una subcarpeta, necesitamos especificar la ruta de Joomla en el archivo .htacces

Para eso, buscamos la linea: # RewriteBase /
Y la cambiamos por: RewriteBase /CarpetaJoomla

Donde CarpetaJoomla es el nombre del directorio donde tenemos los archivos de Joomla.

Options +FollowSymLinks

Algunos hostings no nos permiten hacer ciertas configuraciones como es caso de “Options +FollowSymLinks” que es requerida por mod_rewrite. El problema es que nuestro hosting ya la activo y no permite modificarlo desde el .htaccess, si es tu caso, solo comenta esta línea agregando el símbolo # al inicio de la misma.

#Options +FollowSymLinks

.htaccess: Invalid command 'RewriteEngine'

Hoy me toco que cuando quise activar el “Motor de búsqueda para URLs amigables” y “Usar la reescritura URL” en Joomla 2.5.1 pues simplemente se hiso un desastre, ya que solo obtenía el error 500 (Internal Server Error) en el navegador. Modifique el archivo .htaccess a mas no poder, le moví a Joomla algunas configuraciones, pensé que como la versión acababa de ser liberada traía errores, en fin, hice de todo hasta que se me ocurrió revisar el log de errores del Apache.

Para los que no saben dónde esta este archivo, la ruta más común para Appserv es esta: C:\AppServ\Apache2.2\logs\error.log

Y ahí estaba el error, completamente claro.
[Fri Feb 03 16:24:55 2012] [alert] [client 127.0.0.1] X:/YYYYY/ZZZZZ/Joomla_251/.htaccess: Invalid command 'RewriteEngine', perhaps misspelled or defined by a module not included in the server configuration, referer: http://127.0.0.1/

Lo que estaba pasando es que no tenía cargado el módulo mod_rewrite. Activarlo es muy sencillo:
- Abrimos el archivo httpd.conf (C:\AppServ\Apache2.2\conf\httpd.conf)
- Buscamos la línea: #LoadModule rewrite_module modules/mod_rewrite.so
- Le quitamos el # para des comentar esa línea quedando de la siguiente manera: LoadModule rewrite_module modules/mod_rewrite.so
- Reiniciamos apache: Inicio / Todos los programas / Appserv / Control Server by Service / Apache Restart

Y listo!!! Con eso debería ser más que suficiente.

Submenús siempre visibles en Joomla 1.6

Hoy traigo algo sencillo pero rápido de lograr y efectivo. Se trata de los submenús en Joomla específicamente en la versión 1.6, cabe mencionar que en adelante estaré trabajando con esta versión.

La mayoría de los menús que tenemos que realizar son simple ítems de menú y ya, pero de vez en cuando nos vamos a topar con la necesidad de crear submenús, en Joomla es fácil de lograr pero hay algunos pequeños detalles que no son tan obvios como el hecho de que los submenús no son siempre visibles.

No importa si hemos hecho que nuestro submenú aparezca y desaparezca con CSS y DISPLAY:NONE para la pseudo-clase HOVER, en ciertas paginas (como la página principal por ejemplo) los submenús no son visibles pero ¿por qué? La respuesta es sencilla, en esta parte Joomla no ha generado el código para el submenú, es decir, el submenú todavía no existe, por eso DISPLAY:BLOCK nunca funcionara.

Si deseas que tus submenús siempre estén visibles (y por visible me refiero a que el submenú exista y no que no lo podamos ver con display:none) hay que hacer lo siguiente:

- En el administrador de Joomla ir a Extensiones/Gestor de módulos
- Hacer click sobre Menú principal (o el menú que deseemos)
- A la derecha, en opciones básicas en “mostrar elementos del Menú secundario” seleccionar si
- Guardar

Para aquellos que no utilicen CSS para mostrar y ocultar el submenú con HOVER, sabrán más fácil a que me refiero.

Como crear una plantilla para Joomla 1.6

Si ya habías desarrollado sitios web utilizando el manejador de contenidos Joomla en su versión 1 o 1.5 y recién estas empezando a utilizar la versión 1.6 probablemente empieces con dolores de cabeza al darte cuenta de que los Templates no son compatibles. Por esta razón he decidido hacer esta pequeña guía sobre cómo crear una plantilla para Joomla 1.6 desde cero!. De modo que no importa si ya tenías experiencia o apenas vas empezando con Joomla y justo en la versión 1.6, espero que les sirva a todos.


Lo primero es crear una carpeta con el nombre de la plantilla (en este ejemplo el nombre es jplan_ PlantillaPrueba). Dentro de esta carpeta debemos de crear un archivo llamado templateDetails.xml (siempre debemos de usar este nombre) con un contenido más o menos como el siguiente (adecuándolo a las necesidades de cada quien):

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE install PUBLIC "-//Joomla! 1.6//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/template-install.dtd">

<extension version="1.6" type="template" client="site">

                <name>jplan_ PlantillaPrueba </name>

                <creationDate>11 Marzo 2011</creationDate>

                <author>José Sotero Vibriezca Venegas</author>

                <authorEmail>jose@miviaweb.com</authorEmail>

                <authorUrl>http://www.miviaweb.com</authorUrl>

                <copyright>Copyright (C) 2011. All rights reserved.</copyright>

                <license>--Aquí va la licencia que cada quien quiera dar--</license>

                <version>1.6.0</version>

                <description>Plantilla para joomla 1.6 desarrollada por www.miviaweb.com</description>

                <files>

                               <folder>style</folder>

                               <folder>images</folder>

                               <folder>script</folder>

                               <filename>index.php</filename>

                               <filename>templateDetails.xml</filename>

                               <filename>template_preview.png</filename>

                               <filename>template_thumbnail.png</filename>

                </files>

                <positions>

                               <position>position-0</position>

                               <position>position-1</position>

                               <position>position-2</position>

                               <position>position-3</position>

                               <position>position-4</position>

                               <position>position-5</position>

                               <position>position-6</position>

                               <position>position-7</position>

                               <position>position-8</position>

                               <position>position-9</position>

                               <position>position-10</position>

                               <position>position-11</position>

                               <position>position-12</position>

                               <position>position-13</position>

                               <position>position-14</position>

                </positions>

</extension>

Bueno creo que cada línea del contenido XML anterior se explica por sí sola, aun así les daré una breve descripción. Lo más importante a cambiar es NAME (nombre de su plantilla) y todo lo de FILES (son libres de agregar o quitar todos los archivos o carpetas que su diseño y plantilla requieran) siempre y cuando mantengan los archivos (index.php, templateDetails.xml, template_preview.png y template_thumbnail.png). Datos personales como AUTHOR, CREATION DATE, LICENCE, DESCRIPTION pues no son esenciales para cambiar aun así es bueno que lo hagan para referencia de ustedes mismo. Para los que no tienen experiencia con el diseño de plantillas para Joomla, es recomendable que los POSITION los mantengan como están, ya que estas son las posiciones que se usaran para desplegar los contenidos en la página.

Si conforme avanza el desarrollo de la plantilla agregan más archivos o posiciones, no se olviden de regresar a templateDetails.xml y agregar los FILE o POSITION correspondientes.

Ahora debemos agregar los archivos template_preview.png y template_thumbnail.png, cada uno es la imagen de como se ve nuestro sitio (si no cuentan con dichas imágenes, este paso lo pueden realizar al final, solo no se les olvide jejeje).

A continuación debemos crear las carpetas especificadas en templateDetails.xml (en este caso: style, images y script) y dentro de cada una agregar los archivos .css, .js y archivos de imagen que requiera nuestro diseño.

Finalmente lo más importante. El archivo index.php

<?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; ?>" dir="<?php echo $this->direction; ?>" >

<head>

    <jdoc:include type="head" />

    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/jplan_PlantillaPrueba/style/estilo.css" type="text/css" />

    <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/jplan_PlantillaPrueba/script/archivo.js"></script>

   

                <meta http-equiv='Content-Type' content='text/html; charset=windows-1252' />

                <title>Plantilla de prueba desarrollada por www.miviaweb.com</title>

</head>

<body>

<div>

                <div class='Header'>

                contenido del Header

                </div>

                <div class='menu_tab'>                                    

                               <jdoc:include type="modules" name="position-0" /><!--HORNAV-->

                </div>

    <div id='main_content'>

                               <!-- Left Content -->

                               <div id='left_content'>

            <jdoc:include type="modules" name="position-1" />

            <jdoc:include type="message" />

                                               <jdoc:include type="component" /><!--CONTENT-->

        </div>

   

                               <!-- Right Content -->

        <div id='right_content'>

                <jdoc:include type="modules" name="position-2" /><!--SIDEBAR-->

        </div>

       

                               <!-- Footer -->

                               <div class='footer'>

                                               contenido del Footer

                               </div>

    </div>

</div>

</body>

</html>

En el lugar donde ubiquen la etiqueta jdoc de tipo component (<jdoc:include type="component" />) es donde se desplegaran los artículos que publiquemos. Las etiquetas jdoc de tipo modules (<jdoc:include type="modules" name="position-0" />) sirven para establecer las posiciones donde queramos desplegar diferentes modulos en la página. Si se fijan el atributo NAME corresponde con los POSITION del archivo templateDetails.xml

Como verán es una plantilla muy sencilla (si se fijan no estamos utilizando ni parámetros, ni Idiomas ni Fuentes), no profundizaremos más en esto ya que tratar de cubrir todo sobre este tema resultaría en un post muy largo además de que provocaría que los menos avanzados se pierdan.

El diseño de index.php también es muy sencillo, ustedes lo pueden hacer tan complicado como deseen. Hay más cosas que le pueden agregar a este archivo, para ello échenle un vistazo a la documentación de Joomla y al archivo index.php de alguna plantilla como beez5 que viene con Joomla 1.6

Olvidaste la contraseña del administrador de Joomla?

Si tienes un sitio web en Joomla y olvidaste la contraseña del usuario administrador (de hecho este truco funciona para cualquier usuario) no desesperes, hay una solución. Simplemente has lo siguiente:

1.- Inicia sesión en PhpMyAdmin (si no tienes el usr y el password de MySQL vas por mal camino :p ). Si es un sitio local y no tienes PhpMyAdmin lo puedes bajar de http://www.phpmyadmin.net . si tienes contratado un hosting, desde el cPanel puedes acceder a PhpMyAdmin

2.- Selecciona la base de datos de Joomla

3.- En la tabla ‘Users’, selecciona el usuario que te interesa y cambia el valor del campo ‘Password’ por lo siguiente: ‘af9083d4b82dbc0745b124db3b3cf15d:M0WuLowO4rtRTddG’

Este montón de letras raras es en realidad la palabra ‘admin’ encriptada con MD5 (Joomla 1.5 encripta ‘palabra clave’+salt con MD5).

4.- Una vez hecho este cambio inicia sección en el ‘Administrator’ con el usuario ‘admin’ (o el que sea si le cambiaste de nombre) y la contraseña ‘admin’

Cuando puedas entrar de nuevo al administrador de Joomla, No olvides cambiar la contraseña por una más fuerte.