Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Context vs panels

721 views

Published on

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

Published in: Technology
  • Be the first to comment

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

×