Context vs panels

  • 420 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
420
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
3
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Context vs. PanelsLuis Ortiz Ramos www.ateneatech.com
  • 2. Sobre míIngeniero informáticoen la Facultad deInformática deBarcelonaArquitecto Drupal enAtenea tech www.ateneatech.com
  • 3. ¿Cómo organizamos la disposición de loselementos en las páginas en un proyecto concreto? www.ateneatech.com
  • 4. Tres estrategias1. Blocks2. Context3. Panels www.ateneatech.com
  • 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. Ejemplo – Familia y Salud● Web de artículos de pediatría● Mayo de 2012● http://familiaysalud.es www.ateneatech.com
  • 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. 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. Context● Contexto: – Condiciones – Reacciones www.ateneatech.com
  • 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. Reacciones● Blocks ● Regions● Breadcrumb ● Theme Page● Debug ● Theme HTML● Menu www.ateneatech.com
  • 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. 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. Ejemplo - Citilab● Web corporativa del centro● Drupal 6● Noviembre de 2011● http://citilab.eu www.ateneatech.com
  • 15. Solución● Tres disposiciones para Context Layouts● Tres contextos: – Inicio – Perfil – Noticia www.ateneatech.com
  • 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. Panels● De Earl Miles, creador de Ctools y Views● Su núcleo es un editor de disposiciones visual www.ateneatech.com
  • 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. Usa● Bloques● Tokens● Fieldable panels panes● View content panes www.ateneatech.com
  • 20. Plug-ins● Layouts● Styles● Cache● Ctools Content Types● Access Control www.ateneatech.com
  • 21. Ejemplo – Avanti PLC● Web corporativa● Septiembre de 2012● http://avantiplc.com www.ateneatech.com
  • 22. Solución● Panel nodes● Fieldable panel panes www.ateneatech.com
  • 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. 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. Drupal 8● Layouts initiative● http://drupal.org/community-initiatives/drupal- core#layouts www.ateneatech.com
  • 26. ¿Preguntas? luis@ateneatech.com @luisortizramos www.ateneatech.com