PDF de programación - El framework Gantry para el desarrollo de plantillas para Joomla

El framework Gantry para
el desarrollo de plantillas

para Joomla

Joomla Day Spain 2012

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

Framework

Base para el desarrollo

VENTAJAS
● Base probada
● Permite dedicar más tiempo al resultado

final

DESVENTAJAS
● Aprendizaje
● Código innecesario

Frameworks para plantillas Joomla

● Gantry (RocketTheme)
● T3 (JoomlArt)
● Warp (YOOtheme)
● Gavern (GavickPro)
● Zen Grid (joomlabamboo)
● Helix (JoomShaper)
● Construct Framework (betweenbrain)
● JV Framework (joomlavi)

Introducción a Gantry

Creado por RocketTheme
Sus plantillas usan el framework como base
Actualmente en la versión 4 (Joomla 2.5)
Para Joomla 1.5, versión 3, con menos
funcionalidades

Licencia y uso

Licencia GNU/GPL
Para proyectos personales y comerciales
No es necesario mantener logotipo en el
frontend
Es necesario mantener en el código la licencia
y autor

Funcionalidades de Gantry I

Responsive design con Twitter Bootstrap

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

Posiciones para módulos

Distribuidas en filas y columnas
En general 6 columnas por fila
Contenido + 3 columnas

Beneficios

No será necesario migrar las plantillas de
Joomla 2.5 a 3.0+
Administración mejorada
Personalización CSS sencilla

Configuración

Plantilla por defecto (gratuita)

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)

Presets

Permite que cada sección de la web
(elementos de menú) se muestre con
diferentes parámetros de configuración del
template.

Estilos

Permite seleccionar el logotipo
El color principal de la web para enlaces y
detalles varios
Elección de tipografía (incluye las de Google)

Features

Fecha
Tamaño textos
Logo Gantry
Copyright (personalizable)
Enlace para subir
Mensajes del sistema
Reset de opciones para el usuario
Google Analytics

Layouts de posiciones

Permite seleccionar ancho de las posiciones
Hasta 6 posiciones por línea

Advanced

Responsive o ancho fijo (960 o 1200 px)
Animaciones de carga
Mostrar componente
Mostrar parte principal del cuerpo
Soporte para idiomas de derecha a izquierda
Sufijo de página
Selectivizr (mejor compatibilidad con IE8)
Compilador LESS

Requisitos mínimos I

Joomla 2.5
PHP 5.2.17 (5.3+ recomendado)
MySQL 3.23 (5+ recomendado)
Apache 1.3 (2+ recomendado)
mod_mysql
mod_xml
mod_zlib

Requisitos mínimos II

Navegadores recomendados para el backend:

● Firefox 4+
● Safari 5+
● Google Chrome 10+
● Opera 10+
● Internet Explorer 8+

Instalación

Descarga:
● Framework (biblioteca y extensiones)
● Template (plantilla base)
● Bundle (los dos anteriores)
Instalación:
Como cualquier otra extensión de Joomla

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.

Personalización

Crear archivo gantry-custom.css

Plantillas de pago RocketTheme

Cada mes una nueva desde hace varios años
Agosto y septiembre de 2012 usan la versión
4 del framework

Fin

Dudas, preguntas?

http://PabloArias.eu

Twitter: @PabloAriasRamos