|
Escrito por Tux Merlín : Buru en Cursos, Maquetación para Joomla! Modificaremos el index.php, dentro de las etiqueta de comienzo y fin del “body”, para que nos quede como siguiente: Observen que eliminé todo el contenido, incluyendo menús armados con la etiqueta “li”, textos y demás que hicimos en la primer plantilla, y en su lugar incluí las declaraciones de Joomla correspondientes al módulo que quiero que se vea en cada div.
Vamos a mencionar las declaraciones más importantes de Joomla así las tienen en cuenta:<jdoc:include type="head" /> Como dijimos se coloca una sola vez y dentro de la etiqueta “head”. <jdoc:include type="component" /> Esta declaración es la llamada a los contenidos propiamente dichos que están en la base de datos. Se utiliza una sola vez dentro del cuerpo o “body” de nuestro index. <jdoc:include type="message" /> Esta declaración se utiliza para mostrar errores de petición a la base de datos. Solo se puede ubicar en un solo lugar del template que queramos y una sola vez. En el caso de nuestro template, no está contemplada su ubicación por lo que aparecería en un archivo index.html generado “al vuelo”. <jdoc:include type="module" name="breadcrumbs" /> Esta declaración del módulo “breadcrumbs” es la que nos brinda la posición dentro de la web donde estamos actualmente. En el caso de nuestra web no lo contemplamos pero se la vamos a incorporar puesto que es muy sencillo. Agreguemos un div más ubicado entre el div “borde” y el div “contenedor”, es decir, que la primera parte del código algo como esto: Abramos el archivo “template.css” y busquemos y modifiquemos el id “borde” para que quede de la siguiente forma: Lo que hicimos aquí fue “agrandarlo” en 8px y darle un fondo, con eso ya tenemos nuestro módulo “breacrumbs” que luego lo van a poder ver en el extremo superior izquierdo de la página. Volviendo a las declaraciones de Joomla, vamos a nombrar otras más, que también son muy comunes y que podemos ver en casi todas las plantillas: <jdoc:include type = "modules" name = "left" style = "xhtml" / > Si observan detenidamente todas se refieren a una posición dentro de la plantilla, pero a su vez cada una contendrá luego el contenido de un módulo específico que elegiremos desde el back-end, administración, de Joomla. También observen que se declara indicando el tipo (type), el nombre (name) y al final el estilo (style). Esto último se refiere al estilo definido en el módulo Chrome. El módulo Chrome, incorporado en el framework de Joomla, nos brinda algunas “salidas” de formato html como por ejemplo el redondeado. Si quieren saber más lean aquí http://docs.joomla.org/What_is_module_chrome%3F Para saber todos los JDOC de Joomla(MUY RECOMENDABLE), lean aquí. Para finalizar este capítulo, podríamos decir que casi estamos en condiciones de probar nuestro primer template pero antes debemos crear un archivo más.
|




