Tal y como os prometí en el anterior tutorial «La parte de atrás de Joomla – Plantilla I» vamos a ver distintas partes importantes que componen el archivo INDEX.PHP de nuestra plantilla.
¿Qué es Index.php en una plantilla joomla?
Básicamente podemos decir que el index.php se convierte en el núcleo de todas las páginas de Joomla!. La plantilla en sí funciona añadiendo código en los módulos de posición de tu plantilla y la sección de componentes. Todo lo que añadimos a la plantilla aparecerá en todas las páginas.
Codificando el index.php de Joomla!
Para que lo entendáis mejor, vamos a ver un ejemplo, que vendría a ser el código con el que comienza toda plantilla en joomla 1.5+:
<?php 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; ?>" >
La primera línea es una directiva de seguridad de Joomla! para comprobar si está definida la variable «_JEXEC». Esta variable se comprueba para evitar que la gente puedan acceder a nuestras páginas directamente sin hacer las comprobaciones de seguridad que incluye Joomla!.
La siguiente línea que interesa comentar es la del lenguaje, que como véis hay usa PHP para que así cuando nostros seleccionemos el idioma en nuestro panel de administración, automáticamente se cambiará en todas las páginas de nuestro sitio. Aquí está el kit de las páginas dinámicas.
Head en plantillas Joomla!
Una parte primordial del archivo index.php es donde indicamos los meta tags (title, description, keywords), las hojas de estilos, los archivos javascript, etc .. Una parte que se tiene muy en cuenta en el posicionamiento de una página web (aunque hay que decir que ya no repercute de igual manera que hace un tiempo).
Veamnos el código:
<head> <jdoc:include type="head" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" /> </head>
Con la primera línea «jdoc» Joomla! va a incluir en todos nuestras páginas los metatags correspondientes como: title, description, keywords, etc ..), con las siguientes línea como muchos adivinaréis, estamos usando las hojas de estilo del sistema y uno con nuestros propios estilos llamado template.css que se encontrará en la carpeta CSS.
Body en plantillas Joomla!
PAra entender la parte Body de nuestra plantilla, vamos a hacerlo lo más básico posible que bastará para conocer el método y así poder modificarlo a nuestro gusto:
<body> <jdoc:include type="modules" name="top" /> <jdoc:include type="component" /> <jdoc:include type="modules" name="bottom" /> </body>
Es muy sencillo comprender este código. Lo único que tendremos que indicar son las modulos o compoenentes que tengamos configurados para que se muestre por pantalla en la posición que queramos. Es decir, por ejemplo en la primera línea «jdoc» vemos como estamos diciendole que muestre el módulo con la posición «top».
Para terminar tan sólo tendremos que cerrar la etiqueta HTML y habremos creado nuestra primer INDEX.PHP de la plantilla, que aunque muy simple, nos ha servido para entender su estructura.
En k3bone tenemos un plan Joomla! específico con el que te instalamos Joomla! con todo lo necesario para empezar. Así mismo, te ayudamos a elegir e instalar cualquier plantilla de diseño para vestir tu sitio web. Desde sólo 5,45€/mes
Índice de nuestro monográfico sobre Joomla!:
- Joomla! – Introducción e historia
- ¿Cómo instalar Joomla!?
- La parte de atrás de Joomla! – Componentes y módulos
- La parte de atrás de Joomla! – Plugins
- La parte de atrás de Joomla! –Plantillas I
- La parte de atrás de Joomla! –Plantillas II
Información Relacionada: Tu web basada en Joomla! desde 5,45€/mes!
