Embed Size (px)
DESCRIPTION
Estructura básica de una plantilla de Joomla!. 2 de 5 Taller de Creación de plantillas de Joomla! impartido el 28 de febrero 2010 por el Grupo de Usuarios de Joomla! Guatemala
Citation preview
Plantillas en Joomla!
Veamos la parte fácil
¿Qué una plantilla de Joomla!?
Barrie North, CompassDesigns.net
Elementos de una plantilla
¿Cómo se maneja el contenido?
Todo el contenido es manejado por el código de Joomla!, y en general son tres grandes grupos
Cada grupo es manejado de forma distinta por las plantillas
Elementos es una Plantilla
¿Qué es una posición?
• Es la ubicación física dentro de la página donde se muestra un módulo.
• Una forma sencilla de ver las posiciones disponibles es www.nuestrositio.com/index.php?tp=1
Posiciones
Recursos• http://docs.joomla.org/
What_is_module_chrome%3F
• http://www.monitojoomla.com/tutoriales/plantillas/13-tutorial-module-chrome-ejemplo-practico
Chrome: table
Chrome: outline
Nuestra primer Plantilla
Entendiendo el proceso, el arte lo agregamos poco a poco
Usando como base el tutorial de
Estructura física
Template Details
Sigamos con el XML
Index
Html<html>
<body bgcolor="#FFFFFF"></body>
</html>
Se incluye en cada carpeta de nuestro template, para evitar que se liste el mismo en el navegador
A lo que venimos
<head><jdoc:include type="head" /><link rel="stylesheet" href="templates/<?php echo $this-
>template?>/css/template.css" type="text/css" />
</head>
Agreguemos el contenido
Ya funcionaSolo nos hace falta ponerlo bonito
Un poco de estilo CSS
Joomla 1.6
Algunas pequeñas diferencias con lo que ya vimos
En Index.php
En templateDetails.xml
<params> <param name="templateTheme" type="list" default="theme1" label="Template Theme" description="Choose your template theme"> <option value="theme1">theme1</option> <option value="theme2">theme2</option> <option value="theme3">theme3</option> </param></params>
<config> <fields name="params"> <fieldset name="advanced"> <field name="templateTheme" type="list" default="theme1" label="Template Theme" description="Choose your template theme"> <option value="theme1">theme1</option> <option value="theme2">theme2</option> <option value="theme3">theme3</option> </field> </fieldset> </fields></config>
En templateDetails.xml
Otros Recursos
• http://www.slideshare.net/ChadWindnagle/develping-joomla-16-templates-joomladay-nyc-december-2010
• http://www.slideshare.net/ChadWindnagle/develping-joomla-16-templates-joomladay-nyc-december-2010
• http://www.joomlapraise.com/blog/item/520-joomla-15-to-16-template-upgrade-tutorial-part-1
• http://www.lbsaud.com.np/joomla-1-6-template-tutorial/
