×

Advertencia

JUser: :_load: No se ha podido cargar al usuario con 'ID': 6109

Capítulo VIII – La cabecera del archivo index

Suponiendo que ya tienes instalado el servidor web y Joomla. Crearemos dentro de la carpeta “templates” una nueva llamada “mitemplate” y dentro de ella copiaremos el archivo “index.html” y las carpeta “css” e “images”...

Renombramos “index.html” como “index.php” y lo abrimos con un editor de texto. Desde el comienzo con "<html>" hasta "</head>" reemplazamos con el siguiente código.

/*
* @copyright SoloJoomla (C) 2009 All rights reserved.
* @license GNU
*/
// Acceso directo prohibido
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
" lang="language; ?>" >
/templates/template ;?>/css/template.css" type="text/css" />

Algunas observaciones, a saber:
1- Las etiquetas “php” estas son propias del lenguaje PHP e invocan al intérprete que esta corriendo en el servidor.

2- El código “defined( '_JEXEC' ) or die( 'Restricted access' );” lo que hace este código es prohibir el acceso directo a nuestro archivo que ahora se llama “index.php”.

3- La etiqueta "< !DOCTYPE...." indica al navegador qué tipo de lenguaje html estamos usando, en este caso es XHTML 1.

4- La etiqueta "<html" ahora está con atributos de xmlns y modificada con códigos PHP para que tome el lenguaje "local" definido en la instalación de Joomla!.

5- Dentro de la etiqueta “head” hacemos uso de la primera etiqueta Joomla!, el primer JDOC.

 

Estas etiquetas, "JDOC" se llaman “statements“, traducido: “declaraciones”. Las “declaraciones” nos sirven para decirle al framework (entorno de trabajo) de Joomla dónde debería
visualizarse el módulo o extensión y de qué tipo es. En este caso, “head”, le decimos que tome la cabecera de la plantilla y lo que esté dentro de esta etiqueta. Por eso mismo es que se utiliza una sola vez en el archivo “index.php” y en esta posición. Lo que hará Joomla es tomar las indicaciones que aquí escribamos. En el caso que estamos viendo solamente le decimos que use el archivo “template.css”, es decir, la hoja de estilos.

El código PHP “baseurl ;?>” es para indicar la ruta dónde se encuentra el archivo. El comando “baseurl” cargaría, por ejemplo “http://www.miweb.com”.

 

El código PHP “template ;?>” cargará el nombre del template. Si observamos y “anidamos” las salidas PHP, todo el código:

<link rel="stylesheet" href="/templates//css/template.css" type="text/css" />

Quedaría como:

http://www.miweb.com/templates/mitemplate/css/template.css" type="text/css" /

Verifíquenlo viendo el código fuente de cualquier web hecha en Joomla.

Dentro de la etiqueta "head" podemos además indicar algún javascript, por ejemplo un “rotador de banners” o algún tipo de menú animado por javascript. Igualmente, Joomla recomienda el uso de Mootools, un paquete de javascript, un conjunto de librerías que forman un auténtico framework para dicho lenguaje, que por defecto se incluye en su instalación. Con las Mootools podemos incorporar no solo javascript sino módulos o extensiones realizadas con Ajax. Muchas extensiones que encontraremos en la web están basadas en las Mootools.

 

Capítulo IXModificando el cuerpo del index

 

Consultor y Desarrollador Proyectos Web
Sobre mi...
Otros contenidos de este Redactor

Debe registrarse para poder Comentar

Servicio desarrollos web

Tutoriales Actualizados

Cron es un administrador regular de procesos en segundo plano que ejecuta procesos a intervalos regulares, cada...
K2 es, hoy dia, sin lugar a dudas la mejor extension fuera del core de Joomla! para no dudar en añadirla en nuestra...
Si te dedicas a publicar articulos en internet y tienes la atención de los navegantes reflejado en tus analísis de...
En ocasiones las vistas de nuestra plantilla joomla! no nos terminan de convencer y queremos darle nuestro toque...
Mediante el Module Class Suffix podemos decirle a nuestro template Joomla la variación que queremos darle a nuestros módulos.Cada...
Cada Wamp o Lamp esta montado a la manera de su creador, unos con librerias x activas y otros no, esto significa que segun...