SlideShare una empresa de Scribd logo

#JoomlaIO - Desarrollo de Plantillas para Joomla!

En esta edición de #JoomlaIO vamos a ver el desarrollo de plantillas para Joomla! en sus diferentes versiones: desde la versión 1.5 hasta la versión 3.0 A través de una presentación iremos viendo los siguientes puntos: - Qué es una plantilla - Estructura básica de archivos - templateDetails.xml - API de Joomla! - Templates Overrides - Ejemplo: index.php + css + params - Diferencias entre las versiones - Frameworks de desarrollo - Herramientas de ayuda Una vez finalizado este hangout tendremos las nociones básicas para comenzar a desarrollar nuestra plantilla para Joomla!

1 de 49
Descargar para leer sin conexión
#JoomlaIO
Desarrollo de Plantillas
(1.5, 1.6, 1.7, 2.5, 3.0)
#JoomlaIO
Desarrollo de Plantillas
(1.5, 1.6, 1.7, 2.5, 3.0)




 Sergio Iglesias Sánchez
 www.sergioiglesias.net | twitter.com/sergiois
  Trabajo en: Complusoft     Pertenezco a: OSIberia
  ● www.complusot.es         ● www.osiberia.es

  ● twitter.com/complusoft   ● twitter.com/osiberia
ÍNDICE DEL CONTENIDO


    ●   Qué es una plantilla
    ●   Estructura básica de archivos
    ●   templateDetails.xml
    ●   API Joomla!
    ●   Templates Overrides
    ●   Ejemplo: index.php + css + params
    ●   Diferencias entre versiones
    ●   Frameworks de desarrollo
    ●   Herramientas de ayuda
Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#JoomlaIO :: Desarrollo Plantillas Joomla!
QUÉ ES UNA PLANTILLA




                              QUÉ ES UNA PLANTILLA



Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#JoomlaIO :: Desarrollo Plantillas Joomla!
QUÉ ES UNA PLANTILLA

    ●       Es la base de la aplicación de entrega de contenidos.
    ●       Formada por diferentes archivos que controlan la estructura y el
            diseño de la página y de sus contenidos.
    ●       Ventajas:
        ●   Proporciona una separación entre la estructura, el contenido y el estilo.
            ●   HTML/XHML/HTML5 → estructura
            ●   DB (MySQL, SQL Server...) → contenido
            ●   CSS → estilo




Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#JoomlaIO :: Desarrollo Plantillas Joomla!
ESTRUCTURA BÁSICA DE ARCHIVOS




                      ESTRUCTURA BÁSICA DE ARCHIVOS



Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois
#JoomlaIO :: Desarrollo Plantillas Joomla!

Recomendados

Joomla!Day 2011 España - Taller desarrollo de plantillas Joomla! - Sergio Igl...
Joomla!Day 2011 España - Taller desarrollo de plantillas Joomla! - Sergio Igl...Joomla!Day 2011 España - Taller desarrollo de plantillas Joomla! - Sergio Igl...
Joomla!Day 2011 España - Taller desarrollo de plantillas Joomla! - Sergio Igl...SergioIglesiasNET
 
JoomlaDay Sevilla 2015 - Desarrollo de plantillas Joomla!
JoomlaDay Sevilla 2015 - Desarrollo de plantillas Joomla!JoomlaDay Sevilla 2015 - Desarrollo de plantillas Joomla!
JoomlaDay Sevilla 2015 - Desarrollo de plantillas Joomla!SergioIglesiasNET
 
Joomla!Day 2013 España - Taller de Desarrollo de Plantillas Joomla! - Sergio ...
Joomla!Day 2013 España - Taller de Desarrollo de Plantillas Joomla! - Sergio ...Joomla!Day 2013 España - Taller de Desarrollo de Plantillas Joomla! - Sergio ...
Joomla!Day 2013 España - Taller de Desarrollo de Plantillas Joomla! - Sergio ...SergioIglesiasNET
 
Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!Leonel Canton
 
MasterClass Desarrollo Plantillas Joomla!
MasterClass Desarrollo Plantillas Joomla!MasterClass Desarrollo Plantillas Joomla!
MasterClass Desarrollo Plantillas Joomla!SergioIglesiasNET
 
Joomla! en 10 minutos - JoomlaDay Sevilla 2015
Joomla! en 10 minutos  - JoomlaDay Sevilla 2015Joomla! en 10 minutos  - JoomlaDay Sevilla 2015
Joomla! en 10 minutos - JoomlaDay Sevilla 2015Carlos M. Cámara
 
Guia word press
Guia word pressGuia word press
Guia word pressivan1587
 
Primeros pasos Symfony PHPVigo
Primeros pasos Symfony PHPVigoPrimeros pasos Symfony PHPVigo
Primeros pasos Symfony PHPVigoPHP Vigo
 

Más contenido relacionado

La actualidad más candente

Pablo Arias: Joomla como herramienta para el desarrollo web
Pablo Arias: Joomla como herramienta para el desarrollo webPablo Arias: Joomla como herramienta para el desarrollo web
Pablo Arias: Joomla como herramienta para el desarrollo webPHP Vigo
 
Drupal creación módulos, bloques, formularios y alters
Drupal  creación módulos, bloques, formularios y altersDrupal  creación módulos, bloques, formularios y alters
Drupal creación módulos, bloques, formularios y altersSergio Carracedo Martinez
 
Introduccion, Instalacion, Configuracion e Implementacion Framework ZanPHP IT...
Introduccion, Instalacion, Configuracion e Implementacion Framework ZanPHP IT...Introduccion, Instalacion, Configuracion e Implementacion Framework ZanPHP IT...
Introduccion, Instalacion, Configuracion e Implementacion Framework ZanPHP IT...JaenFrankcezco
 
Guia joomla 15
Guia joomla 15Guia joomla 15
Guia joomla 15Gonzalo S
 
J!D Barcelona 2009 - Taller Plantillas Avanzado
J!D Barcelona 2009 - Taller Plantillas AvanzadoJ!D Barcelona 2009 - Taller Plantillas Avanzado
J!D Barcelona 2009 - Taller Plantillas AvanzadoSergioIglesiasNET
 
Iniciación al Desarrollo Web con Wordpress
Iniciación al Desarrollo Web con WordpressIniciación al Desarrollo Web con Wordpress
Iniciación al Desarrollo Web con WordpressAlejandro Gil Mialdea
 
Introducción a HTML5 y CSS3 AWGR
Introducción a HTML5 y CSS3 AWGRIntroducción a HTML5 y CSS3 AWGR
Introducción a HTML5 y CSS3 AWGRvalgreens
 
Wordcamp España Online - Menos plugins y más optimización SEO
Wordcamp España Online - Menos plugins y más optimización SEOWordcamp España Online - Menos plugins y más optimización SEO
Wordcamp España Online - Menos plugins y más optimización SEODavid Ayala Gil
 
Presentación de zan php
Presentación de zan phpPresentación de zan php
Presentación de zan phpCarlos Zantana
 
Monta WordPress en tu empresa
Monta WordPress en tu empresaMonta WordPress en tu empresa
Monta WordPress en tu empresaIñaki Arenaza
 
Sesión 5 Curso Avanzado SPIPEDU
Sesión 5 Curso Avanzado SPIPEDUSesión 5 Curso Avanzado SPIPEDU
Sesión 5 Curso Avanzado SPIPEDUPedro Jimenez
 

La actualidad más candente (20)

Pablo Arias: Joomla como herramienta para el desarrollo web
Pablo Arias: Joomla como herramienta para el desarrollo webPablo Arias: Joomla como herramienta para el desarrollo web
Pablo Arias: Joomla como herramienta para el desarrollo web
 
Drupal creación módulos, bloques, formularios y alters
Drupal  creación módulos, bloques, formularios y altersDrupal  creación módulos, bloques, formularios y alters
Drupal creación módulos, bloques, formularios y alters
 
Introduccion, Instalacion, Configuracion e Implementacion Framework ZanPHP IT...
Introduccion, Instalacion, Configuracion e Implementacion Framework ZanPHP IT...Introduccion, Instalacion, Configuracion e Implementacion Framework ZanPHP IT...
Introduccion, Instalacion, Configuracion e Implementacion Framework ZanPHP IT...
 
Html5
Html5Html5
Html5
 
Curso iniciacion-joomla-3.3-oklan
Curso iniciacion-joomla-3.3-oklanCurso iniciacion-joomla-3.3-oklan
Curso iniciacion-joomla-3.3-oklan
 
Exposicion joomla!
Exposicion joomla!Exposicion joomla!
Exposicion joomla!
 
Vistiendo a WordPress
Vistiendo a WordPressVistiendo a WordPress
Vistiendo a WordPress
 
Guia joomla 15
Guia joomla 15Guia joomla 15
Guia joomla 15
 
J!D Barcelona 2009 - Taller Plantillas Avanzado
J!D Barcelona 2009 - Taller Plantillas AvanzadoJ!D Barcelona 2009 - Taller Plantillas Avanzado
J!D Barcelona 2009 - Taller Plantillas Avanzado
 
Iniciación al Desarrollo Web con Wordpress
Iniciación al Desarrollo Web con WordpressIniciación al Desarrollo Web con Wordpress
Iniciación al Desarrollo Web con Wordpress
 
Introducción a HTML5 y CSS3 AWGR
Introducción a HTML5 y CSS3 AWGRIntroducción a HTML5 y CSS3 AWGR
Introducción a HTML5 y CSS3 AWGR
 
Wordcamp España Online - Menos plugins y más optimización SEO
Wordcamp España Online - Menos plugins y más optimización SEOWordcamp España Online - Menos plugins y más optimización SEO
Wordcamp España Online - Menos plugins y más optimización SEO
 
HTML5 y CSS3
HTML5 y CSS3HTML5 y CSS3
HTML5 y CSS3
 
Curso Joomla
Curso JoomlaCurso Joomla
Curso Joomla
 
Presentación de zan php
Presentación de zan phpPresentación de zan php
Presentación de zan php
 
Monta WordPress en tu empresa
Monta WordPress en tu empresaMonta WordPress en tu empresa
Monta WordPress en tu empresa
 
NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5
 
Iniciación al Desarrollo de Módulos Joomla
Iniciación al Desarrollo de Módulos JoomlaIniciación al Desarrollo de Módulos Joomla
Iniciación al Desarrollo de Módulos Joomla
 
Semana 4 Estructura y componentes SPA
Semana 4  Estructura y componentes SPASemana 4  Estructura y componentes SPA
Semana 4 Estructura y componentes SPA
 
Sesión 5 Curso Avanzado SPIPEDU
Sesión 5 Curso Avanzado SPIPEDUSesión 5 Curso Avanzado SPIPEDU
Sesión 5 Curso Avanzado SPIPEDU
 

Similar a #JoomlaIO - Desarrollo de Plantillas para Joomla!

Combinación ganadora: Plone como CMS, tu framework preferido como frontend
Combinación ganadora: Plone como CMS, tu framework preferido como frontendCombinación ganadora: Plone como CMS, tu framework preferido como frontend
Combinación ganadora: Plone como CMS, tu framework preferido como frontendmenttes
 
Introducción a la programación para joomla
Introducción a la programación para joomlaIntroducción a la programación para joomla
Introducción a la programación para joomlaRoberto Segura
 
Desarrollo rápido de páginas web con Joomla!
Desarrollo rápido de páginas web con Joomla!Desarrollo rápido de páginas web con Joomla!
Desarrollo rápido de páginas web con Joomla!Remigio Salvador Sánchez
 
Introduccion técnica a Drupal
Introduccion técnica a DrupalIntroduccion técnica a Drupal
Introduccion técnica a DrupalPedro Cambra
 
[DrupalCampSpain2023] Introducción al desarrollo de módulos en Drupal 10
[DrupalCampSpain2023] Introducción al desarrollo de módulos en Drupal 10[DrupalCampSpain2023] Introducción al desarrollo de módulos en Drupal 10
[DrupalCampSpain2023] Introducción al desarrollo de módulos en Drupal 10Keopx
 
Migración Joomla 1.5 a 2.5/3.x
Migración Joomla 1.5 a 2.5/3.xMigración Joomla 1.5 a 2.5/3.x
Migración Joomla 1.5 a 2.5/3.xjachavesnaranjo
 
Que es un child theme y como está relacionado con WordPress
Que es un child theme y como está relacionado con WordPressQue es un child theme y como está relacionado con WordPress
Que es un child theme y como está relacionado con WordPressLuis Miguel Delgado
 
Twig y otros "themas" en Drupal 8
Twig y otros "themas" en Drupal 8Twig y otros "themas" en Drupal 8
Twig y otros "themas" en Drupal 8Pakman Lh
 
Joomla Curso Noviembre
Joomla Curso NoviembreJoomla Curso Noviembre
Joomla Curso NoviembreÁngel Puente
 
Joomla! Curso Noviembre
Joomla! Curso NoviembreJoomla! Curso Noviembre
Joomla! Curso NoviembreÁngel Puente
 
DrupalCamp Spain 2014: Introducción al desarrollo de módulos en Drupal 7
DrupalCamp Spain 2014: Introducción al desarrollo de módulos en Drupal 7DrupalCamp Spain 2014: Introducción al desarrollo de módulos en Drupal 7
DrupalCamp Spain 2014: Introducción al desarrollo de módulos en Drupal 7Keopx
 
Taller de Maquetación Web
Taller de Maquetación WebTaller de Maquetación Web
Taller de Maquetación WebBruno Garcia
 
Taller de Maquetacion web | Jorge Callalle Torres
Taller de Maquetacion web | Jorge Callalle TorresTaller de Maquetacion web | Jorge Callalle Torres
Taller de Maquetacion web | Jorge Callalle TorresJorge Luis Callalle Torres
 
Joomla Curso Noviembre
Joomla Curso NoviembreJoomla Curso Noviembre
Joomla Curso Noviembrejomyto
 
Joomladay Mallorca 2010 Templates Workshop
Joomladay Mallorca 2010 Templates WorkshopJoomladay Mallorca 2010 Templates Workshop
Joomladay Mallorca 2010 Templates Workshopjoomlaprojects
 
Django - Curso Básico - Principales Conceptos
Django - Curso Básico - Principales ConceptosDjango - Curso Básico - Principales Conceptos
Django - Curso Básico - Principales ConceptosGeorge Navarro Gomez
 

Similar a #JoomlaIO - Desarrollo de Plantillas para Joomla! (20)

Combinación ganadora: Plone como CMS, tu framework preferido como frontend
Combinación ganadora: Plone como CMS, tu framework preferido como frontendCombinación ganadora: Plone como CMS, tu framework preferido como frontend
Combinación ganadora: Plone como CMS, tu framework preferido como frontend
 
Introducción a la programación para joomla
Introducción a la programación para joomlaIntroducción a la programación para joomla
Introducción a la programación para joomla
 
Desarrollo rápido de páginas web con Joomla!
Desarrollo rápido de páginas web con Joomla!Desarrollo rápido de páginas web con Joomla!
Desarrollo rápido de páginas web con Joomla!
 
Introduccion técnica a Drupal
Introduccion técnica a DrupalIntroduccion técnica a Drupal
Introduccion técnica a Drupal
 
Protostar como framework
Protostar como frameworkProtostar como framework
Protostar como framework
 
[DrupalCampSpain2023] Introducción al desarrollo de módulos en Drupal 10
[DrupalCampSpain2023] Introducción al desarrollo de módulos en Drupal 10[DrupalCampSpain2023] Introducción al desarrollo de módulos en Drupal 10
[DrupalCampSpain2023] Introducción al desarrollo de módulos en Drupal 10
 
Migración Joomla 1.5 a 2.5/3.x
Migración Joomla 1.5 a 2.5/3.xMigración Joomla 1.5 a 2.5/3.x
Migración Joomla 1.5 a 2.5/3.x
 
Que es un child theme y como está relacionado con WordPress
Que es un child theme y como está relacionado con WordPressQue es un child theme y como está relacionado con WordPress
Que es un child theme y como está relacionado con WordPress
 
Presentación TE: CMS y en especial joomla.
Presentación TE: CMS y en especial joomla.Presentación TE: CMS y en especial joomla.
Presentación TE: CMS y en especial joomla.
 
Twig y otros "themas" en Drupal 8
Twig y otros "themas" en Drupal 8Twig y otros "themas" en Drupal 8
Twig y otros "themas" en Drupal 8
 
Joomla Curso Noviembre
Joomla Curso NoviembreJoomla Curso Noviembre
Joomla Curso Noviembre
 
Joomla! Curso Noviembre
Joomla! Curso NoviembreJoomla! Curso Noviembre
Joomla! Curso Noviembre
 
DrupalCamp Spain 2014: Introducción al desarrollo de módulos en Drupal 7
DrupalCamp Spain 2014: Introducción al desarrollo de módulos en Drupal 7DrupalCamp Spain 2014: Introducción al desarrollo de módulos en Drupal 7
DrupalCamp Spain 2014: Introducción al desarrollo de módulos en Drupal 7
 
Taller de Maquetación Web
Taller de Maquetación WebTaller de Maquetación Web
Taller de Maquetación Web
 
Taller de Maquetacion web | Jorge Callalle Torres
Taller de Maquetacion web | Jorge Callalle TorresTaller de Maquetacion web | Jorge Callalle Torres
Taller de Maquetacion web | Jorge Callalle Torres
 
Introducción a Django
Introducción a DjangoIntroducción a Django
Introducción a Django
 
html5
html5html5
html5
 
Joomla Curso Noviembre
Joomla Curso NoviembreJoomla Curso Noviembre
Joomla Curso Noviembre
 
Joomladay Mallorca 2010 Templates Workshop
Joomladay Mallorca 2010 Templates WorkshopJoomladay Mallorca 2010 Templates Workshop
Joomladay Mallorca 2010 Templates Workshop
 
Django - Curso Básico - Principales Conceptos
Django - Curso Básico - Principales ConceptosDjango - Curso Básico - Principales Conceptos
Django - Curso Básico - Principales Conceptos
 

Más de SergioIglesiasNET

Proceso de Migración Joomla 4 - JoomlaDay ES 2023
Proceso de Migración Joomla 4 - JoomlaDay ES 2023Proceso de Migración Joomla 4 - JoomlaDay ES 2023
Proceso de Migración Joomla 4 - JoomlaDay ES 2023SergioIglesiasNET
 
Campos personalizados Joomla - JoomlaDay Vigo 2017
Campos personalizados Joomla - JoomlaDay Vigo 2017Campos personalizados Joomla - JoomlaDay Vigo 2017
Campos personalizados Joomla - JoomlaDay Vigo 2017SergioIglesiasNET
 
#JoomlaIO - Blogging con Joomla! (por Sergio Iglesias)
#JoomlaIO - Blogging con Joomla! (por Sergio Iglesias)#JoomlaIO - Blogging con Joomla! (por Sergio Iglesias)
#JoomlaIO - Blogging con Joomla! (por Sergio Iglesias)SergioIglesiasNET
 
Wordpress y el Comercio electrónico - eShow2012
Wordpress y el Comercio electrónico - eShow2012Wordpress y el Comercio electrónico - eShow2012
Wordpress y el Comercio electrónico - eShow2012SergioIglesiasNET
 
Joomla!Day Valencia 2010 Taller Desarrollo de Plantillas para Joomla! 1.5
Joomla!Day Valencia 2010 Taller Desarrollo de Plantillas para Joomla! 1.5Joomla!Day Valencia 2010 Taller Desarrollo de Plantillas para Joomla! 1.5
Joomla!Day Valencia 2010 Taller Desarrollo de Plantillas para Joomla! 1.5SergioIglesiasNET
 

Más de SergioIglesiasNET (6)

Proceso de Migración Joomla 4 - JoomlaDay ES 2023
Proceso de Migración Joomla 4 - JoomlaDay ES 2023Proceso de Migración Joomla 4 - JoomlaDay ES 2023
Proceso de Migración Joomla 4 - JoomlaDay ES 2023
 
Campos personalizados Joomla - JoomlaDay Vigo 2017
Campos personalizados Joomla - JoomlaDay Vigo 2017Campos personalizados Joomla - JoomlaDay Vigo 2017
Campos personalizados Joomla - JoomlaDay Vigo 2017
 
#JoomlaIO - Blogging con Joomla! (por Sergio Iglesias)
#JoomlaIO - Blogging con Joomla! (por Sergio Iglesias)#JoomlaIO - Blogging con Joomla! (por Sergio Iglesias)
#JoomlaIO - Blogging con Joomla! (por Sergio Iglesias)
 
Wordpress y el Comercio electrónico - eShow2012
Wordpress y el Comercio electrónico - eShow2012Wordpress y el Comercio electrónico - eShow2012
Wordpress y el Comercio electrónico - eShow2012
 
eCommretail - Joomla!
eCommretail - Joomla!eCommretail - Joomla!
eCommretail - Joomla!
 
Joomla!Day Valencia 2010 Taller Desarrollo de Plantillas para Joomla! 1.5
Joomla!Day Valencia 2010 Taller Desarrollo de Plantillas para Joomla! 1.5Joomla!Day Valencia 2010 Taller Desarrollo de Plantillas para Joomla! 1.5
Joomla!Day Valencia 2010 Taller Desarrollo de Plantillas para Joomla! 1.5
 

Último

Metodología GESTO para la prevención de riesgos psicosociales de tecnoestrés ...
Metodología GESTO para la prevención de riesgos psicosociales de tecnoestrés ...Metodología GESTO para la prevención de riesgos psicosociales de tecnoestrés ...
Metodología GESTO para la prevención de riesgos psicosociales de tecnoestrés ...Prevencionar
 
Gigantes de acero Carlos Slim por Monica M
Gigantes de acero Carlos Slim por Monica MGigantes de acero Carlos Slim por Monica M
Gigantes de acero Carlos Slim por Monica Mmonicamunoz40
 
COMPETENCIAS COMUNICATICAS - UNIVER UNAD
COMPETENCIAS COMUNICATICAS - UNIVER UNADCOMPETENCIAS COMUNICATICAS - UNIVER UNAD
COMPETENCIAS COMUNICATICAS - UNIVER UNADvalerypombo1
 
ensayo-eje-1-adminitracion-financiera.docx
ensayo-eje-1-adminitracion-financiera.docxensayo-eje-1-adminitracion-financiera.docx
ensayo-eje-1-adminitracion-financiera.docxDianaBenavides43
 
RECLUTAMIENTO DE PERSONAL - ROSANNY P..pdf
RECLUTAMIENTO DE PERSONAL - ROSANNY P..pdfRECLUTAMIENTO DE PERSONAL - ROSANNY P..pdf
RECLUTAMIENTO DE PERSONAL - ROSANNY P..pdfRosanny29
 
Provision del TH- reclutamiento y seleccion.pdf
Provision del TH- reclutamiento y seleccion.pdfProvision del TH- reclutamiento y seleccion.pdf
Provision del TH- reclutamiento y seleccion.pdfyelimarmarquezperez
 
GUIA SALARIAL 2024 para el sector TIC.pdf
GUIA SALARIAL 2024 para el sector TIC.pdfGUIA SALARIAL 2024 para el sector TIC.pdf
GUIA SALARIAL 2024 para el sector TIC.pdfLorenaCardenas42
 
Ponencia Estudio sobre Seguridad y Salud en el Trabajo
Ponencia Estudio sobre Seguridad y Salud en el TrabajoPonencia Estudio sobre Seguridad y Salud en el Trabajo
Ponencia Estudio sobre Seguridad y Salud en el TrabajoPrevencionar
 
bracco mejoras en el tiempo EXTENDIDA parte 1 JPG.ppt
bracco mejoras en el tiempo EXTENDIDA parte 1 JPG.pptbracco mejoras en el tiempo EXTENDIDA parte 1 JPG.ppt
bracco mejoras en el tiempo EXTENDIDA parte 1 JPG.pptCiG organización empresas
 
GFIN-CPP-POL-01-TSG Politicas de Legalizacion de Movilidades.pdf
GFIN-CPP-POL-01-TSG Politicas de Legalizacion de Movilidades.pdfGFIN-CPP-POL-01-TSG Politicas de Legalizacion de Movilidades.pdf
GFIN-CPP-POL-01-TSG Politicas de Legalizacion de Movilidades.pdfJorgeContreras580838
 
CIRCULAR INFORMATIVA REGISTRO SALARIAL.ppsx
CIRCULAR INFORMATIVA REGISTRO SALARIAL.ppsxCIRCULAR INFORMATIVA REGISTRO SALARIAL.ppsx
CIRCULAR INFORMATIVA REGISTRO SALARIAL.ppsxCORPORACIONJURIDICA
 
Daniel Chávez Morán Esposa - Filántropo y Visionario en el Sector Inmobiliari...
Daniel Chávez Morán Esposa - Filántropo y Visionario en el Sector Inmobiliari...Daniel Chávez Morán Esposa - Filántropo y Visionario en el Sector Inmobiliari...
Daniel Chávez Morán Esposa - Filántropo y Visionario en el Sector Inmobiliari...Daniel Chavez Moran
 
Partidas de ajedrez CALENDARIO 2024-def.pdf
Partidas de ajedrez CALENDARIO 2024-def.pdfPartidas de ajedrez CALENDARIO 2024-def.pdf
Partidas de ajedrez CALENDARIO 2024-def.pdfVicens J. Santamaria Mas
 
Habilidades Blandas 2024 Oxford Group.pdf
Habilidades Blandas 2024 Oxford Group.pdfHabilidades Blandas 2024 Oxford Group.pdf
Habilidades Blandas 2024 Oxford Group.pdfOxford Group
 
¿De qué factores depende el éxito o fracaso de una estrategia al interior de ...
¿De qué factores depende el éxito o fracaso de una estrategia al interior de ...¿De qué factores depende el éxito o fracaso de una estrategia al interior de ...
¿De qué factores depende el éxito o fracaso de una estrategia al interior de ...ALEJANDRODIAZCELAYO
 
Seguridad Psicológica en Servicios de Bomberos Forestales: una aproximación a...
Seguridad Psicológica en Servicios de Bomberos Forestales: una aproximación a...Seguridad Psicológica en Servicios de Bomberos Forestales: una aproximación a...
Seguridad Psicológica en Servicios de Bomberos Forestales: una aproximación a...Prevencionar
 
ascenso y descenso seguro, prevención de caidas.pptx
ascenso y descenso seguro, prevención de caidas.pptxascenso y descenso seguro, prevención de caidas.pptx
ascenso y descenso seguro, prevención de caidas.pptxHSEQTRANSPORTESMONTE
 
Prevención primaria músculo esquelética en el trabajador/a
Prevención primaria músculo esquelética en el trabajador/aPrevención primaria músculo esquelética en el trabajador/a
Prevención primaria músculo esquelética en el trabajador/aPrevencionar
 

Último (20)

Metodología GESTO para la prevención de riesgos psicosociales de tecnoestrés ...
Metodología GESTO para la prevención de riesgos psicosociales de tecnoestrés ...Metodología GESTO para la prevención de riesgos psicosociales de tecnoestrés ...
Metodología GESTO para la prevención de riesgos psicosociales de tecnoestrés ...
 
Gigantes de acero Carlos Slim por Monica M
Gigantes de acero Carlos Slim por Monica MGigantes de acero Carlos Slim por Monica M
Gigantes de acero Carlos Slim por Monica M
 
COMPETENCIAS COMUNICATICAS - UNIVER UNAD
COMPETENCIAS COMUNICATICAS - UNIVER UNADCOMPETENCIAS COMUNICATICAS - UNIVER UNAD
COMPETENCIAS COMUNICATICAS - UNIVER UNAD
 
ensayo-eje-1-adminitracion-financiera.docx
ensayo-eje-1-adminitracion-financiera.docxensayo-eje-1-adminitracion-financiera.docx
ensayo-eje-1-adminitracion-financiera.docx
 
RECLUTAMIENTO DE PERSONAL - ROSANNY P..pdf
RECLUTAMIENTO DE PERSONAL - ROSANNY P..pdfRECLUTAMIENTO DE PERSONAL - ROSANNY P..pdf
RECLUTAMIENTO DE PERSONAL - ROSANNY P..pdf
 
Provision del TH- reclutamiento y seleccion.pdf
Provision del TH- reclutamiento y seleccion.pdfProvision del TH- reclutamiento y seleccion.pdf
Provision del TH- reclutamiento y seleccion.pdf
 
GUIA SALARIAL 2024 para el sector TIC.pdf
GUIA SALARIAL 2024 para el sector TIC.pdfGUIA SALARIAL 2024 para el sector TIC.pdf
GUIA SALARIAL 2024 para el sector TIC.pdf
 
Ponencia Estudio sobre Seguridad y Salud en el Trabajo
Ponencia Estudio sobre Seguridad y Salud en el TrabajoPonencia Estudio sobre Seguridad y Salud en el Trabajo
Ponencia Estudio sobre Seguridad y Salud en el Trabajo
 
bracco mejoras en el tiempo EXTENDIDA parte 1 JPG.ppt
bracco mejoras en el tiempo EXTENDIDA parte 1 JPG.pptbracco mejoras en el tiempo EXTENDIDA parte 1 JPG.ppt
bracco mejoras en el tiempo EXTENDIDA parte 1 JPG.ppt
 
GFIN-CPP-POL-01-TSG Politicas de Legalizacion de Movilidades.pdf
GFIN-CPP-POL-01-TSG Politicas de Legalizacion de Movilidades.pdfGFIN-CPP-POL-01-TSG Politicas de Legalizacion de Movilidades.pdf
GFIN-CPP-POL-01-TSG Politicas de Legalizacion de Movilidades.pdf
 
CIRCULAR INFORMATIVA REGISTRO SALARIAL.ppsx
CIRCULAR INFORMATIVA REGISTRO SALARIAL.ppsxCIRCULAR INFORMATIVA REGISTRO SALARIAL.ppsx
CIRCULAR INFORMATIVA REGISTRO SALARIAL.ppsx
 
Daniel Chávez Morán Esposa - Filántropo y Visionario en el Sector Inmobiliari...
Daniel Chávez Morán Esposa - Filántropo y Visionario en el Sector Inmobiliari...Daniel Chávez Morán Esposa - Filántropo y Visionario en el Sector Inmobiliari...
Daniel Chávez Morán Esposa - Filántropo y Visionario en el Sector Inmobiliari...
 
Partidas de ajedrez CALENDARIO 2024-def.pdf
Partidas de ajedrez CALENDARIO 2024-def.pdfPartidas de ajedrez CALENDARIO 2024-def.pdf
Partidas de ajedrez CALENDARIO 2024-def.pdf
 
Habilidades Blandas 2024 Oxford Group.pdf
Habilidades Blandas 2024 Oxford Group.pdfHabilidades Blandas 2024 Oxford Group.pdf
Habilidades Blandas 2024 Oxford Group.pdf
 
¿De qué factores depende el éxito o fracaso de una estrategia al interior de ...
¿De qué factores depende el éxito o fracaso de una estrategia al interior de ...¿De qué factores depende el éxito o fracaso de una estrategia al interior de ...
¿De qué factores depende el éxito o fracaso de una estrategia al interior de ...
 
Seguridad Psicológica en Servicios de Bomberos Forestales: una aproximación a...
Seguridad Psicológica en Servicios de Bomberos Forestales: una aproximación a...Seguridad Psicológica en Servicios de Bomberos Forestales: una aproximación a...
Seguridad Psicológica en Servicios de Bomberos Forestales: una aproximación a...
 
PRGV 2020-2024 Presentación a Empresas e Inversionistas-v32.pdf
PRGV 2020-2024 Presentación a Empresas e Inversionistas-v32.pdfPRGV 2020-2024 Presentación a Empresas e Inversionistas-v32.pdf
PRGV 2020-2024 Presentación a Empresas e Inversionistas-v32.pdf
 
ascenso y descenso seguro, prevención de caidas.pptx
ascenso y descenso seguro, prevención de caidas.pptxascenso y descenso seguro, prevención de caidas.pptx
ascenso y descenso seguro, prevención de caidas.pptx
 
Prevención primaria músculo esquelética en el trabajador/a
Prevención primaria músculo esquelética en el trabajador/aPrevención primaria músculo esquelética en el trabajador/a
Prevención primaria músculo esquelética en el trabajador/a
 
Actividad 2 semana 5 ´
Actividad 2 semana 5                   ´Actividad 2 semana 5                   ´
Actividad 2 semana 5 ´
 

#JoomlaIO - Desarrollo de Plantillas para Joomla!

  • 2. #JoomlaIO Desarrollo de Plantillas (1.5, 1.6, 1.7, 2.5, 3.0) Sergio Iglesias Sánchez www.sergioiglesias.net | twitter.com/sergiois Trabajo en: Complusoft Pertenezco a: OSIberia ● www.complusot.es ● www.osiberia.es ● twitter.com/complusoft ● twitter.com/osiberia
  • 3. ÍNDICE DEL CONTENIDO ● Qué es una plantilla ● Estructura básica de archivos ● templateDetails.xml ● API Joomla! ● Templates Overrides ● Ejemplo: index.php + css + params ● Diferencias entre versiones ● Frameworks de desarrollo ● Herramientas de ayuda Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 4. QUÉ ES UNA PLANTILLA QUÉ ES UNA PLANTILLA Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 5. QUÉ ES UNA PLANTILLA ● Es la base de la aplicación de entrega de contenidos. ● Formada por diferentes archivos que controlan la estructura y el diseño de la página y de sus contenidos. ● Ventajas: ● Proporciona una separación entre la estructura, el contenido y el estilo. ● HTML/XHML/HTML5 → estructura ● DB (MySQL, SQL Server...) → contenido ● CSS → estilo Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 6. ESTRUCTURA BÁSICA DE ARCHIVOS ESTRUCTURA BÁSICA DE ARCHIVOS Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 7. ESTRUCTURA BÁSICA DE ARCHIVOS Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 8. ESTRUCTURA BÁSICA DE ARCHIVOS ● index.html: añade seguridad a las carpetas. Es un fichero vacío. ● index.php: contiene el HTML que define la estructura de la plantilla y las llamadas PHP a la API de Joomla! (punto de entrada al template). ● params.ini: guarda los parámetros personalizables desde el admin. ● template_thumbnail.png: imagen miniatura de la plantilla. ● template_preview: a partir de 1.7. Imagen un poco más grande. ● css: carpeta con los archivos .css que necesita la plantilla. ● template.css: archivo principal con los estilos. ● images: carpeta con las imágenes utilizadas en la plantilla (y css). ● html: contiene vistas personalizadas de extensiones (técnica de template overrides). ● templateDetails.xml: contiene información necesaria para la correcta instalación de la plantilla. Define los parámetros personalizables. Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 9. TEMPLATEDETAILS.XML TEMPLATEDETAILS.XML Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 10. TEMPLATEDETAILS.XML ● Imprescindible para que la plantilla sea reconocida por el admin. ● Se utiliza como instalador de la plantilla. ● Todo lo que no esté definido en él, no se instala. ● Datos divididos en 4 partes: ● Datos. ● Archivos. ● Posiciones. ● Parámetros. ● Los datos de los parámetros podrán ser utilizados desde el back para cambiar la visualización. ● Relacionado con el fichero params.ini Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 11. TEMPLATEDETAILS.XML → DATOS ● Datos específicos de la plantilla: versión, autor, email, página web, año, licencia y descripción. ● Para Joomla! 1.7 en adelante hay cambios. Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 12. TEMPLATEDETAILS.XML → ARCHIVOS ● Especificación de los archivos utilizados en la plantilla. ● Recuerda: lo que no se declare aquí, no se instala. ● Para incluir una carpeta completa, utilizar: <folder>nombre_carpeta</folder> Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 13. TEMPLATEDETAILS.XML → POSICIONES ● Qué y cuántas posiciones tendremos en la plantilla. Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 14. TEMPLATEDETAILS.XML → PARÁMETROS ● Parámetros: para ser manejados desde el back. Hace que una plantilla sea más versátil. ● Apartado ligado con el fichero params.ini ● Para Joomla! 1.7 en adelante hay cambios Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 15. TEMPLATEDETAILS.XML Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 16. API JOOMLA! API JOOMLA! - JDOC Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 17. API JOOMLA! - JDOC ● <jdoc:include type=”head”/> ● Va dentro de la cabecera HTML (<head>). ● Muestra el title, metatags, feed y js (MooTools). ● $this->template ● Obtenemos el nombre de la carpeta que contiene nuestra plantilla. ● Uso: para cargar css, favicon, js y cualquier otro archivo. ● $mainframe->getCfg('sitename') ● Obtenemos el nombre del sitio. ● <jdoc:inclue type=”modules” name=”posicion” style=”estilo”/> ● Indica la carga de un módulo de una manera específica: ● name: posiciones cargadas en el fichero templateDetails.xml ● style: table (tabla vertical = columna), horz (tabla horizontal = fila), xhtml (divs), rounde (divs anidados), raw (sin contenedor). ● También se pueden crear estilos propios. Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 18. API JOOMLA! - JDOC ● <jdoc:include type=”component”/> ● Cargamos el contenido principal del sitio (contenido de componentes): artículos, secciones, categorías, calendarios... ● if($this->countModules('nombre_posicion')){} ● Condicional para saber si hay algún módulo en una posición determinada. ● $this->baseurl ● Contiene la dirección base de nuestro sitio. ● $this->language ● Contiene el idioma en el que se encuentra nuestro sitio. Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 19. TEMPLATE OVERRIDES TEMPLATE OVERRIDES Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 20. TEMPLATE OVERRIDES ● Técnica para redefinir la presentación por pantalla de un componente o módulo de Joomla! ● Se trata de una “clonación” de la vista de la extensión. ● Se incluye a partir de la versión 1.5. ● Ventajas: ● Personalizar el portal sin preocuparse de las actualizaciones de las extensiones. ● Validación de estándares propuestos por la W3C. ● Conseguir un nivel adecuado de accesibilidad (algunas extensiones, incluso las nativas, no cumplen con la accesibilidad). ● Importante: la extensión debe cumplir con MVC. Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 21. TEMPLATE OVERRIDES → USO ● Crear una carpeta llamada html dentro de nuestra plantilla: ● templates/plantilla/html/ ● Dentro de esta carpeta crear las carpetas con los nombres de las extensiones (componentes y/o módulos) que queramos “redefinir” o “clonar”. ● Copiar en ellas el contenido de la carpeta tmpl (vistas) y realizar en esos ficheros las modificaciones/adaptaciones necesarias. ● Joomla!, al generar la página web, mira a ver si existe una carpeta html en la plantilla y si hay una “clonación” de la extensión que va a mostrar. En caso afirmativo, muestra ésta en lugar de la original. Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 22. EJEMPLO: INDEX.PHP + CSS + PARAMS EJEMPLO: INDEX.PHP + CSS + PARAMS Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 23. EJEMPLO: INDEX.PHP + CSS + PARAMS Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 24. EJEMPLO: INDEX.PHP + CSS + PARAMS Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 25. EJEMPLO: INDEX.PHP + CSS + PARAMS Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 26. EJEMPLO: INDEX.PHP + CSS + PARAMS ● Insertar estilos para la maquetación de la plantilla. ● Conocer algunas clases que Joomla! carga por defecto: ● componentheading: muestra el título del componente. ● contentheading: muestra el título de los artículos. ● buttonheading: muestra iconos PDF, imprimir y enviar a un amigo. ● small: utilizado en varios elementos (como autor del artículo). ● createdate: muestra la fecha de creación del artíuclo. ● readon: utilizada en el enlace de “leer más...” de los artículos. ● article_separator: utilizada por etiqueta <span> para separar artículos. ● moduletable(+ sufijo):carga los div (y sufijo cargado desde back) de los módulos. ● active: para ítem de menú activo. ● parent: cuando hay sub-ítems, para el elemento padre. Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 27. EJEMPLO: INDEX.PHP + CSS + PARAMS ● Otras clases: ● button: asociada a elementos de tipo botón. ● inputbox: asociada a elementos text-input. ● pagenav: asociada a paginación de artículos. ● modifydate: asociada a fecha de modificación del artículo. ● sectiontableentry1/sectiontableentry2: asociada a datos en tablas. Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 28. EJEMPLO: INDEX.PHP + CSS + PARAMS Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 29. EJEMPLO: INDEX.PHP + CSS + PARAMS Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 30. EJEMPLO: INDEX.PHP + CSS + PARAMS Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 31. EJEMPLO: INDEX.PHP + CSS + PARAMS Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 32. EJEMPLO: INDEX.PHP + CSS + PARAMS Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 33. EJEMPLO: INDEX.PHP + CSS + PARAMS ● Íntimamente ligada al fichero templateDetails.xml: ● Sus parámetros se ponen en este fichero. ● Declaración: ● nombre_parametro_1=valor_1 nombre_parametro_2=valor_2 nombre_parametro_3=valor_3 ● Llamada desde PHP ● <?php echo $this->params->get('nombre_parametro'); ?> ● Los estilos asociados se añaden en los ficheros .css (template.css) Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 34. EJEMPLO: INDEX.PHP + CSS + PARAMS Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 35. DIFERENCIAS ENTRE VERSIONES DIFERENCIAS ENTRE VERSIONES Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 36. DIFERENCIA ENTRE VERSIONES ● Novedades a partir de Joomla! 1.7: ● Salida de contenidos sin tablas: todos los archivos de salida están escritos en xHTML 1.0 Strict. ● templateDetails.xml (estilos de plantilla): creación de variaciones en la plantilla para una o varias páginas que pueden ser asignadas de forma específica. ● Novedades a partir de Joomla! 3.0: ● Incorporación de Twitter Bootstrap (framework CSS). ● Nuevas plantillas front y back adaptadas a móviles (bootstrap). ● Actualización plantilla accesible Beez3. Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 37. DIFERENCIA ENTRE VERSIONES → TEMPLATEDETAILS.XML ● A partir de Joomla! 1.7: Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 38. DIFERENCIA ENTRE VERSIONES → TEMPLATEDETAILS.XML ● Parámetros en Joomla! 1.5: Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 39. DIFERENCIA ENTRE VERSIONES → TEMPLATEDETAILS.XML ● Campos de configuración a partir de Joomla! 1.7: Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 40. DIFERENCIA ENTRE VERSIONES → INDEX.PHP ● En Joomla! 1.5, La variable mainframe se definía así: ● $global mainframe; ● A partir de Joomla! 1.7, se define así: ● $mainframe = Jfactory::getApplication(); ● Posibles usos: ● $app->getCfg('sitename') → muestra nombre del portal web ● $params = $app->getParams(); → coge los parámetros de la página (ítem de menú) ● $pageclass = $params->get('pageclass_sfx'); → sufijo de la página (ítem de menú) Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 41. DIFERENCIA ENTRE VERSIONES → CARGA DE CSS Y JS ● Para cargar estilos y javascript: ● $app = Jfactory::getApplication(); ● $tpath = $this->baseurl.'/templates/'.$this- >template; ● $tsystem = $this->baseurl.'/templates/system'; ● $doc->addScript($tpath.'/js/archivo.js'); ● $doc->addStyleSheet($tsystem.'/css/system.css'); ● $doc->addStyleSheet($tpath.'/css/estilo.css'); Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 42. FRAMEWORKS DE DESARROLLO FRAMEWORKS DE DESARROLLO Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 43. FRAMEWORKS DE DESARROLLO ● Estructura de software compuesta de componentes personalizables e intercambiables para el desarrollo de una aplicación. ● Ventajas: ● Acelerar el proceso de desarrollo. ● Reutilizar código ya existente. ● Promover buenas prácticas de desarrollo (uso de patrones). ● Frameworks de plantillas en Joomla!: ● Gantry: http://www.gantry-framework.org/ ● Warp: http://www.yootheme.com/warp/ ● ZenGrid: http://www.joomlabamboo.com/joomla-templates/zen-grid-framework ● T3: http://www.joomlart.com/joomla/t3-framework-and-ja-purity-templates ● YJSG: http://yjsimplegrid.com/ Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 44. HERRAMIENTAS DE AYUDA HERRAMIENTAS DE AYUDA Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 45. HERRAMIENTAS DE AYUDA → EXTENSIONES PARA FIREFOX ● Firebug: https://addons.mozilla.org/es/firefox/addon/firebug/ ● HeadingsMaps: https://addons.mozilla.org/es/firefox/addon/headingsmap/ ● HTML Validator: https://addons.mozilla.org/es/firefox/addon/html-validator/ ● QuickJava: https://addons.mozilla.org/es/firefox/addon/quickjava/ ● Web Developer: https://addons.mozilla.org/es/firefox/addon/web-developer/ ● User Agent Switcher: https://addons.mozilla.org/es/firefox/addon/user-agent-switcher Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 46. HERRAMIENTAS DE AYUDA → RESPONSIVE WEB DESIGN ● ScreenFly by QuirkTools: http://quirktools.com/screenfly/ ● Responsive Design Testing: http://mattkersley.com/responsive/ ● HTML Validator: https://addons.mozilla.org/es/firefox/addon/html-validator/ ● ScreenQueries: http://screenqueri.es/ ● Resizer: http://lab.maltewassermann.com/viewport-resizer/ Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 47. HERRAMIENTAS DE AYUDA → VELOCIDAD DE CARGA ● Pingdom: http://tools.pingdom.com/fpt/ ● PageSpeed Insights: https://developers.google.com/speed/pagespeed/insights ● Web Page Analyzer: http://www.websiteoptimization.com/services/analyze/ ● GTmetrix: http://gtmetrix.com/ Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 48. HERRAMIENTAS DE AYUDA → CHEATSEETS ● Para plantillas Joomla! 1.5: http://www.younic.de/wp-content/uploads/Joomla15_Basic_Template_Cheatsheet.pdf ● Para plantillas Joomla! 2.5: http://www.younic.de/wp-content/uploads/Joomla15_Basic_Template_Cheatsheet.pdf ● Para plantillas Joomla! 3.0: www.joomlack.fr/en/joomla-documentations-tutorials/joomla-3-x-templates-cheatsheet Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!
  • 49. FIN DE LA PRESENTACIÓN Gracias por vuestra atención. Tenéis más información en: atención www.sergioiglesias.net y www.twitter.com/sergiois FIN DE LA PRESENTACIÓN Sergio Iglesias :: www.sergioiglesias.net :: twitter.com/sergiois #JoomlaIO :: Desarrollo Plantillas Joomla!