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 IX – Modificando el cuerpo del index
No veo parte del texto. Perdonen mi ignorancia.
Tuxmerlin, gracias por este tutorial!
Ahora mi consulta:
En algunos parrafos del tutorial encuentro comillas ” ” pero no veo texto entre ellas. Tengo la impresión que mi navegador (iexplore) no me permite verlo, aunque he probado con firefox y tampoco lo veo.
Supongo, valga mi ignorancia, que hay un problema con las instrucciones php y no sale en la pantalla cierta parte del texto.
Por ejemplo en el capítulo VIII dice:
[quote]
3- La etiqueta “ (AQUI NO VEO NADA)
4- La etiqueta “ (AQUI NO VEO NADA)
5- Dentro de la etiqueta “(AQUI NO VEO NADA)” hacemos uso de…
[/quote]
Como éste hay muchos casos, creo que es un problema en “citas” de codigo PHP.
[img]C:Documents and SettingsAdministradorMis documentospantalla.jpg[/img]
Gracias desde ya. Saludos cordiales.
Claudio