el desarrollo de plantillas para joomla el framework ...€¦ · desventajas aprendizaje ......
TRANSCRIPT
![Page 1: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/1.jpg)
El framework Gantry para el desarrollo de plantillas
para Joomla
Joomla Day Spain 2012
![Page 2: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/2.jpg)
Presentación Pablo Arias
● Desarrollador web en Bestmark(grupo Redcom)
● Ex-socio fundador de Aitire● Freelance trabajando con Joomla desde
que era Mambo.
http://PabloArias.eu
Twitter: @PabloAriasRamos
![Page 3: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/3.jpg)
Framework
Base para el desarrollo
VENTAJAS● Base probada● Permite dedicar más tiempo al resultado
finalDESVENTAJAS● Aprendizaje● Código innecesario
![Page 4: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/4.jpg)
Frameworks para plantillas Joomla
● Gantry (RocketTheme)● T3 (JoomlArt)● Warp (YOOtheme)● Gavern (GavickPro)● Zen Grid (joomlabamboo)● Helix (JoomShaper)● Construct Framework (betweenbrain)● JV Framework (joomlavi)
![Page 5: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/5.jpg)
Introducción a Gantry
Creado por RocketThemeSus plantillas usan el framework como baseActualmente en la versión 4 (Joomla 2.5)Para Joomla 1.5, versión 3, con menos funcionalidades
![Page 6: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/6.jpg)
Licencia y uso
Licencia GNU/GPLPara proyectos personales y comercialesNo es necesario mantener logotipo en el frontendEs necesario mantener en el código la licencia y autor
![Page 7: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/7.jpg)
Funcionalidades de Gantry I
Responsive design con Twitter Bootstrap
![Page 8: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/8.jpg)
Funcionalidades de Gantry II
● HTML 5● Interfaz de administración de plantilla
mejorada● Rejilla y control de tamaño de bloques● Contenido + hasta 3 columnas laterales● Integración de Google Analytics● Tipografías de Google● LESS CSS
![Page 9: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/9.jpg)
Posiciones para módulos
Distribuidas en filas y columnasEn general 6 columnas por filaContenido + 3 columnas
![Page 10: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/10.jpg)
Beneficios
No será necesario migrar las plantillas de Joomla 2.5 a 3.0+Administración mejoradaPersonalización CSS sencilla
![Page 11: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/11.jpg)
Configuración
Plantilla por defecto (gratuita)
![Page 12: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/12.jpg)
Template overrides
Configurar diferentes opciones por cada elemento de menú.Esto no duplica los archivos del template.Se puede seleccionar qué opciones se cambian.Nota: no confundir con la sobreescritura de vistas (carpeta html del template)
![Page 13: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/13.jpg)
Presets
Permite que cada sección de la web (elementos de menú) se muestre con diferentes parámetros de configuración del template.
![Page 14: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/14.jpg)
Estilos
Permite seleccionar el logotipoEl color principal de la web para enlaces y detalles variosElección de tipografía (incluye las de Google)
![Page 15: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/15.jpg)
Features
FechaTamaño textosLogo GantryCopyright (personalizable)Enlace para subirMensajes del sistemaReset de opciones para el usuarioGoogle Analytics
![Page 16: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/16.jpg)
Layouts de posiciones
Permite seleccionar ancho de las posicionesHasta 6 posiciones por línea
![Page 17: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/17.jpg)
Advanced
Responsive o ancho fijo (960 o 1200 px)Animaciones de cargaMostrar componenteMostrar parte principal del cuerpoSoporte para idiomas de derecha a izquierdaSufijo de páginaSelectivizr (mejor compatibilidad con IE8)Compilador LESS
![Page 18: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/18.jpg)
Requisitos mínimos I
Joomla 2.5PHP 5.2.17 (5.3+ recomendado)MySQL 3.23 (5+ recomendado)Apache 1.3 (2+ recomendado)mod_mysqlmod_xmlmod_zlib
![Page 19: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/19.jpg)
Requisitos mínimos II
Navegadores recomendados para el backend:
● Firefox 4+● Safari 5+● Google Chrome 10+● Opera 10+● Internet Explorer 8+
![Page 20: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/20.jpg)
Instalación
Descarga:● Framework (biblioteca y extensiones)● Template (plantilla base)● Bundle (los dos anteriores)Instalación:Como cualquier otra extensión de Joomla
![Page 21: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/21.jpg)
Actualizaciones y desinstalación
Actualizaciones del framework vía Joomla Updater.También reinstalando los paquetes.Para desinstalar, simplemente que el template no sea el predeterminado y usar el gestor de extensiones de Joomla.
![Page 22: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/22.jpg)
Personalización
Crear archivo gantry-custom.css
![Page 23: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/23.jpg)
Plantillas de pago RocketTheme
Cada mes una nueva desde hace varios añosAgosto y septiembre de 2012 usan la versión 4 del framework
![Page 24: el desarrollo de plantillas para Joomla El framework ...€¦ · DESVENTAJAS Aprendizaje ... Rejilla y control de tamaño de bloques ... Google Chrome 10+ Opera 10+ Internet Explorer](https://reader031.vdocuments.co/reader031/viewer/2022021804/5ba1abf709d3f2666b8cd0a4/html5/thumbnails/24.jpg)
Fin
Dudas, preguntas?
http://PabloArias.eu
Twitter: @PabloAriasRamos