Diseñar en joomla!.key
•Descargar como ZIP, PDF•
0 recomendaciones•855 vistas
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.
Recomendados
Más contenido relacionado
La actualidad más candente
Similar a Diseñar en joomla!.key
Similar a Diseñar en joomla!.key (20)
Más de Grupo de Usuarios de Joomla! Guatemala
Más de Grupo de Usuarios de Joomla! Guatemala (20)
Último
Último (20)
Diseñar en joomla!.key
- 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
- 6. PASO 1: CREAR UN HTML Y CSS BASE (utilizando las carpetas de Joomla! para una plantilla)
- 7. PASO 2: INSTALAR LA PLANTILLA BASE EN JOOMLA!
- 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
- 9. PASO 3: INTRODUCIR LAS POSICIONES EN LA PLANTILLA
- 10. PASO 4: CSS Referencia: http://www.nosolocodigo.com/css-cheatsheet- para-joomla-15
- 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
Notas del editor
- \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