Una plantilla en Joomla controla la presentación del contenido en un sitio. Una plantilla típica contiene archivos como index.php, template.css y TemplateDetails.xml. El contenido se maneja a través de componentes, módulos y plugins. Para crear una plantilla se debe hacer un diseño HTML y CSS base, instalar la plantilla en Joomla y agregar posiciones para los módulos.
2. ¿QUÉ ES UNA PLANTILLA
“Es una serie de archivos que controlan la presentación del
contenido en un sitio que utiliza Joomla”
Barrie North
CompassDesigns.net
3. ELEMENTOS DE UNA
PLANTILLA
• index.php
• Código para manipulación de
datos
• template.css
• Reglas para manipular la
visualización de los datos
• TemplateDetails.xml
• Instalación y datos en Backend
4. CÓMO SE MANEJA EL
CONTENIDO
• Componentes
•1 por página, generalmente en la parte central
• Módulos
• Varios por página, en “posiciones” de plantilla
• Plugin
• Varios, manipulan el comportamiento del contenido
8. PLANTILLA BASE EN JOOMLA!
1.Instalar Joomla!
2.Crear la carpeta en templates, con los archivos requeridos
3.Cambiar el HTML base a index.php dejando las variables de
Joomla!
4.Aplicar la plantilla en Extensions / Template manager
11. CSS DEL CONTENIDO
PRINCIPAL EN JOOMLA! 1.5
• Título
de componente: • Contenido
de artículo:
div.componentheadin table.contentpaneope
g n
• Contenido: table.blog • Autor: span.small
• Título
de artículo: • Fecha: td.createdate
td.contentheading
12. CSS DEL CONTENIDO
PRINCIPAL EN JOOMLA ! 1.6
• Título de componente: h1 • Información:
dl.article-info
• Contenido: div.blog
• dt.article-info-term
• Título de artículo: h2
• dd.category-name
• dd.published
• dd.createdby
13. MENÚ EN 1.5 Y 1.6
• div.moduletable_menu
• ul.menu
• li(class=”active” si está
activo)
14. MÓDULOS EN 1.5 Y 1.6
• div.moduletable
• Título: h3
• Elementos: ul / li
Hinweis der Redaktion
\n
Expectativa del cliente escogido: Cultura Android Guatemala\nEn este punto, mostrar la el template base (template.html) de la carpeta 01 - Maquetación Base\nMostrar las posiciones de módulos y componentes que se configurarán\n
\n
\n
\n
Expectativa del cliente escogido: Cultura Android Guatemala\nEn este punto, mostrar la el template base (template.html) de la carpeta 01 - Maquetación Base\nMostrar las posiciones de módulos y componentes que se configurarán\n
No es necesario mostrar nada\n
Mostrar la carpeta y el archivo XML generado (02 - base Joomla! / 1.5)\nMostrar el Template manager antes de subir la carpeta\nSubir la carpeta y aplicar la plantilla, mostrar el resultado final\n
Introducir las posiciones menu, right y footer, así como el contenido (component)\nResultado final como “03 - Posiciones” (1.5 y 1.6 respectivamente)\nTips necesarios: hablar de la configuración de los artículos\n
\n
Resultado final como “04 - CSS Contenido” / 1.5\n\n
Resultado final como “04 - CSS Contenido” / 1.6\nNotar diferencias entre tablas 1.5 y divs 1.6\n
Resultado final como “05 - CSS Menús” / (1.5 y 1.6)\n\n
Resultado final como “06 - CSS Módulos” / (1.5 y 1.6)\n\n