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

 

Debe registrarse para poder Comentar

Servicio desarrollos web

Tutoriales Actualizados

Para ejecutar la acción de insertar módulos dentro de nuestros contenidos, existen plugins de pago, pero también...
El uso del módulo joomla Mini frontpage es bastante sencillo de configurar, lo único que debes hacer es acceder al...
Tras un tiempo de incertidumbre en solojoomla sobre la continiudad del componente joomsef de artio para conformar las...
La versión jomsocial 4, trae novedades respecto a versiones anteriores, con un salto de calidad en el diseño del...
Si te dedicas a publicar articulos en internet y tienes la atención de los navegantes reflejado en tus analísis de...
Cuantas veces nos hemos hecho esa pregunta para evitar todo el papeleo de los bancos y sus elevados intereses por un...