Context vs. PanelsLuis Ortiz Ramos                   www.ateneatech.com
Sobre míIngeniero informáticoen la Facultad deInformática deBarcelonaArquitecto Drupal enAtenea tech                      ...
¿Cómo organizamos la disposición de loselementos en las páginas en un proyecto               concreto?                    ...
Tres estrategias1. Blocks2. Context3. Panels                          www.ateneatech.com
Blocks●   Core●   Regiones●   Bloques    –   De texto sencillo o creados por los módulos (como Views)    –   Un bloque → U...
Ejemplo – Familia y Salud●   Web de artículos de pediatría●   Mayo de 2012●   http://familiaysalud.es                     ...
Solución●   Page.tpl.php con regiones que se ocultan si    están vacías●   Visibilidad de bloques por tipo de contenido o ...
Problemas de Blocks●   Un bloque solo puede estar en una región●   Disposiciones que dependen del tipo de    contenido:   ...
Context●   Contexto:    –   Condiciones    –   Reacciones                                www.ateneatech.com
Condiciones●   Book             ●   Taxonomy●   Book root        ●   Path●   Context          ●   Sitewide context●   Lang...
Reacciones●   Blocks            ●   Regions●   Breadcrumb        ●   Theme Page●   Debug             ●   Theme HTML●   Men...
Reacción Block●   Qué bloque ponemos en cada región●   Qué disposición usamos    –   con Context Layouts        ●   difere...
Mejor que Blocks●   Un bloque puede estar en más de una región    dependiendo del contexto●   Con Context Layouts, podemos...
Ejemplo - Citilab●   Web corporativa del centro●   Drupal 6●   Noviembre de 2011●   http://citilab.eu                     ...
Solución●   Tres disposiciones para Context Layouts●   Tres contextos:    –   Inicio    –   Perfil    –   Noticia         ...
Problemas de Context●   Muchos contextos simultáneos son difíciles de    gestionar●   Y si queremos hacer personalizar la ...
Panels●   De Earl Miles, creador de Ctools y Views●   Su núcleo es un editor de disposiciones visual                      ...
Uso●   Panel nodes → Nodos●   Panelizer → Entidades●   Mini panels → Bloques●   Page manager → Otras páginas●   Panelizer ...
Usa●   Bloques●   Tokens●   Fieldable panels panes●   View content panes                               www.ateneatech.com
Plug-ins●   Layouts●   Styles●   Cache●   Ctools Content Types●   Access Control                                www.atenea...
Ejemplo – Avanti PLC●   Web corporativa●   Septiembre de 2012●   http://avantiplc.com                               www.at...
Solución●   Panel nodes●   Fieldable panel panes                              www.ateneatech.com
Problemas de Panels●   Genera mucho código HTML    –   Haz tus propios Layouts y Styles●    DicenTM que reduce el rendimie...
Conclusiones                 Blocks             Context            PanelsComplejidad      Baja               Baja         ...
Drupal 8●   Layouts initiative●   http://drupal.org/community-initiatives/drupal-    core#layouts                         ...
¿Preguntas?      luis@ateneatech.com      @luisortizramos                 www.ateneatech.com
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Context vs panels
Upcoming SlideShare
Loading in...5
×

Context vs panels

536
-1

Published on

Presentación de Luis Ortiz Ramos en la Drupal Camp Spain 2012 de Madrid

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
536
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Context vs panels

  1. 1. Context vs. PanelsLuis Ortiz Ramos www.ateneatech.com
  2. 2. Sobre míIngeniero informáticoen la Facultad deInformática deBarcelonaArquitecto Drupal enAtenea tech www.ateneatech.com
  3. 3. ¿Cómo organizamos la disposición de loselementos en las páginas en un proyecto concreto? www.ateneatech.com
  4. 4. Tres estrategias1. Blocks2. Context3. Panels www.ateneatech.com
  5. 5. Blocks● Core● Regiones● Bloques – De texto sencillo o creados por los módulos (como Views) – Un bloque → Una región – Visibilidad por: ● Path ● Content type ● Role ● PHP www.ateneatech.com
  6. 6. Ejemplo – Familia y Salud● Web de artículos de pediatría● Mayo de 2012● http://familiaysalud.es www.ateneatech.com
  7. 7. Solución● Page.tpl.php con regiones que se ocultan si están vacías● Visibilidad de bloques por tipo de contenido o path www.ateneatech.com
  8. 8. Problemas de Blocks● Un bloque solo puede estar en una región● Disposiciones que dependen del tipo de contenido: – Preprocess – Plantilla por tipo● Si las condiciones no son suficientes hay que usar PHP www.ateneatech.com
  9. 9. Context● Contexto: – Condiciones – Reacciones www.ateneatech.com
  10. 10. Condiciones● Book ● Taxonomy● Book root ● Path● Context ● Sitewide context● Language ● Taxonomy term● Menu ● User role● Node type ● User page ● Views www.ateneatech.com
  11. 11. Reacciones● Blocks ● Regions● Breadcrumb ● Theme Page● Debug ● Theme HTML● Menu www.ateneatech.com
  12. 12. Reacción Block● Qué bloque ponemos en cada región● Qué disposición usamos – con Context Layouts ● diferentes page.tpl.php en el tema www.ateneatech.com
  13. 13. Mejor que Blocks● Un bloque puede estar en más de una región dependiendo del contexto● Con Context Layouts, podemos reusar plantillas de páginas● Las condiciones son mucho más complejas y ampliables con plugins www.ateneatech.com
  14. 14. Ejemplo - Citilab● Web corporativa del centro● Drupal 6● Noviembre de 2011● http://citilab.eu www.ateneatech.com
  15. 15. Solución● Tres disposiciones para Context Layouts● Tres contextos: – Inicio – Perfil – Noticia www.ateneatech.com
  16. 16. Problemas de Context● Muchos contextos simultáneos son difíciles de gestionar● Y si queremos hacer personalizar la disposición de otros elementos como: – Bloques – Entidades www.ateneatech.com
  17. 17. Panels● De Earl Miles, creador de Ctools y Views● Su núcleo es un editor de disposiciones visual www.ateneatech.com
  18. 18. Uso● Panel nodes → Nodos● Panelizer → Entidades● Mini panels → Bloques● Page manager → Otras páginas● Panelizer 3 o Display Suite 1 → View modes● Panels everywhere → Marco de páginas www.ateneatech.com
  19. 19. Usa● Bloques● Tokens● Fieldable panels panes● View content panes www.ateneatech.com
  20. 20. Plug-ins● Layouts● Styles● Cache● Ctools Content Types● Access Control www.ateneatech.com
  21. 21. Ejemplo – Avanti PLC● Web corporativa● Septiembre de 2012● http://avantiplc.com www.ateneatech.com
  22. 22. Solución● Panel nodes● Fieldable panel panes www.ateneatech.com
  23. 23. Problemas de Panels● Genera mucho código HTML – Haz tus propios Layouts y Styles● DicenTM que reduce el rendimiento... – ...no es Panels – Haz tus propios plug-ins de Cache www.ateneatech.com
  24. 24. Conclusiones Blocks Context PanelsComplejidad Baja Baja Alta Si, de página,Múltiples No, regiones que Si, de página bloque, entidad,disposiciones colapsan view mode...Bloque:Región 1:1 1:Contexto 1:NVisibilidad de Limitado Medio, ampliable Alto, ampliablebloque www.ateneatech.com
  25. 25. Drupal 8● Layouts initiative● http://drupal.org/community-initiatives/drupal- core#layouts www.ateneatech.com
  26. 26. ¿Preguntas? luis@ateneatech.com @luisortizramos www.ateneatech.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×