Paraphrasing Panels, Panelizer and Panopoly

5,500 views

Published on

Panels, Panelizer and Panopoly can seem a bit overwhelming but this session will go over the best features of each one and how they can be invaluable tools. The Panels module alone offers so much out the box and Panelizer and the Panopoly distribution shows just how much this tool can preform. They are long tested tools that have so much built into them in their evolution in Drupal 7. This session will cover:

- Panels and an understanding about the functionality it provides.
- Panelizer and how it enhances Panels to do even more.
- Panopoly and it's attempt to simplify the possibilities of Panels and Panelizer.
- What are they good for.
- What isn't the best use for them.
- Quick tips that may save you a lot of time.

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,500
On SlideShare
0
From Embeds
0
Number of Embeds
1,627
Actions
Shares
0
Downloads
18
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Paraphrasing Panels, Panelizer and Panopoly

  1. 1. Paraphrasing Panels, Panelizer and Panopoly Keenan Holloway Developer Forum One Saturday, July 27, 13
  2. 2. Panels The Foundation Saturday, July 27, 13
  3. 3. Panels A  standard  way  of  customizing  page  displays Saturday, July 27, 13
  4. 4. Panels: Install and Enable Install  CTools  and  Panels Module/Sub-­‐Module  Enable: CTools:  Page  Manager Panels:  Panels,  Panels  In-­‐Place  Editor  (op9onal) AddiAonal  SeBngs Enable  “node_view”  Node  template  (Structure-­‐ >Pages)  if  you  plan  to  override  content  type   displays Saturday, July 27, 13
  5. 5. Panels Creating a Panel Page Saturday, July 27, 13
  6. 6. Panels: Overall Steps Create  a  new  Panel  page Specify  what  the  page  is  (new  page,  overriding   exisAng  page,  etc) Specify  a  selecAon  rule  if  needed  (if  more  than   one  variaAon  “variant”  will  exist  or  other) Specify  page  layout  for  the  Panel  page Add  content  to  the  Panel  page  using  the  selected   layout Saturday, July 27, 13
  7. 7. Panels: Pages Panels  can  override  the  display  of: Comment  reply  page,  Node  add/edit  form,  Node  template,   Node  and  user  search,  Taxonomy  term  template,  User  edit   template,  User  profile  template  and  Custom  pages Saturday, July 27, 13
  8. 8. Panels: Content A  Panels  page  consists  of  content  from  various   sources  that  is  exposed  as  a  “Pane”  and  placed  in   a  region  on  the  page. Saturday, July 27, 13
  9. 9. Panels: Panes/Categories Saturday, July 27, 13
  10. 10. Panels: Panes Views  content  panes Allows  Views  content  to  be  used  in  Panels (sub  module  of  CTools) Fieldable  panels  panes Separate  module  that  allows  you  create  panel   pane  en99es  that  may  be  used  in  Panels  that  are   fieldable Can  be  created  through  Panels  UI  or  code Saturday, July 27, 13
  11. 11. Panels: In-Place Editor In-place editor How to enable it Strengths and weaknesses Saturday, July 27, 13
  12. 12. Out  the  box  (seen  above) Flexible  Builders  layout  (Not  really  used  because   it  lives  in  configuraAon  and  is  markup  heavy) Custom  responsive  layouts Panels: Layouts Saturday, July 27, 13
  13. 13. Panels: Layouts: Custom Talk about layouts out the box as well as custom responsive layouts. Show code of custom layout? The  following  files  are   needed: Template  file  (contains   template  HTML  for  the   layout) INC  file  (contains   Panel  informa9on  and   configura9on) CSS  file  (op9onal  and   contains  CSS  for  the   layout) Icon  file  (PNG  image   icon  representa9on  of   the  layout) You  can  use  a  preprocess   hook  to  make  your  layout   smarter  (responsive  to   content). Saturday, July 27, 13
  14. 14. Panels: Panel Page Saturday, July 27, 13
  15. 15. Panels: Variants Consider  Variants  as  “if”  statements   for  Panel  pages They  are  used  typically  with  selecAon   rules They  read  as  “if  selecAon  rule  true,  use   this  Panel  variant”  from  top  to  boTom Gives  you  the  ability  to  have  one  Panel   provide  variaAon  to  a  page  based  on   your  logic  (node  display  by  node  type   for  example) Saturday, July 27, 13
  16. 16. Panels: Context Context  are  are  things  the  Panel  is  aware  of Saturday, July 27, 13
  17. 17. Panels Strengths and Weaknesses Note: These cascade Saturday, July 27, 13
  18. 18. Panels: Strengths Panels  are  exportable  using  things  like  Features,   Hooks  and  ConfiguraAon  module Very  stable Many  contribuAng  modules Great  permissions  seBngs Popular Great  in  responsive  design  sites Saturday, July 27, 13
  19. 19. Panels: Weaknesses User  interface  can  be  challenging  and  isn’t  very   508  compliant Advanced  layouts  sAll  require  you  to  fall  back  to   code  to  create PotenAal  conflicts  can  arise  when  used  with   other  modules  that  override  displays  like  Display   Suite Content  in  configuraAon  issues  can  arise  since   panes  are  exportable  configuraAon  that  contain   content Saturday, July 27, 13
  20. 20. Panelizer Panels + Settings Applied Per Node Saturday, July 27, 13
  21. 21. Panelizer A  way  to  customize  the  display  of  one  node   without  effecAng  others Takes  panels  (stuff)  and  applies  it  to  nodes (This  can  be  done  with  Panels  alone  but  gets   unmanageable  having  many  variants) Saturday, July 27, 13
  22. 22. Panelizer: Entity Display Saturday, July 27, 13
  23. 23. Panelizer: Display Override Saturday, July 27, 13
  24. 24. Panelizer: Display Override This  node  VS  default  node  template Saturday, July 27, 13
  25. 25. Panelizer Strengths and Weaknesses Saturday, July 27, 13
  26. 26. Panelizer: Strengths Works  on  any  enAty  (as  of  Version  2) Create  mulAple  defaults Customize  view  modes Allowed  configuraAon  can  be  managed Saturday, July 27, 13
  27. 27. Panelizer: Weaknesses Could  be  too  much  freedom  if  not  locked  down   correctly Available  opAons  could  be  abused  in  the  hands   of  users  who  are  not  informed  in  opAmized  user   experience Saturday, July 27, 13
  28. 28. Panopoly Panels + Panelizer + Drupal Distribution Saturday, July 27, 13
  29. 29. Panopoly Panopoly  is  an  Apps  enabled  distribuAon  of   Drupal  powered  by  lots  of  Chaos  Tools  and   Panels  magic Customized  site  integraAon  with  Panelizer  and   Panels Takes  most  of  the  configuraAon  and  seBngs  of   Panelizer/Panels  out  your  way  for  a  simpler  user   experience Similar  funcAonality,  beTer  presentaAon  (UI) Saturday, July 27, 13
  30. 30. Panopoly: Install Standard  Drupal  install  procedure Panopoly  Demo  and  News  Apps  can  be  skipped Responsive  BarAk  theme  is  nice Saturday, July 27, 13
  31. 31. Panopoly: IPE Saturday, July 27, 13
  32. 32. Panopoly: Layouts Saturday, July 27, 13
  33. 33. Panopoly: Content Core  panels/panelizer  content  is  hidden  in  place   of  custom  “Panelizer  content”  items Saturday, July 27, 13
  34. 34. Panopoly Strengths and Weaknesses Saturday, July 27, 13
  35. 35. Panopoly: Strengths Provides  a  best  pracAce  default  stack  of  modules   (removes  the  pains  of  module  selecAon) Provides  many  responsive  cross  browser  layouts   as  well  as  responsive  images  funcAonality Improved  search  with  Search  API  (with  DB  or  Solr   search) Many  other  nice  to  haves  like  WYSIWYG  editor,   Admin  interface  and  others Easily  add  custom  Pane  enAAes  (like  files,  videos,   links,  spotlight,  GMap,  etc) Saturday, July 27, 13
  36. 36. Panopoly: Weaknesses Like  many  distribuAon  there  are  a  lot  of  things   you’ll  want  to  turn  off  to  make  it  yours  (Modules,   Workflow,  Content,  Etc.) I  personally  prefer  not  using  distribuAons  (could   be  PTSD) Saturday, July 27, 13
  37. 37. Overall Tips and Best Practices Saturday, July 27, 13
  38. 38. Tips and Best Practices Some  views  configuraAon  (item  number,  filters,   sorAng,  fields,  etc)  can  be  exposed  to  the  panel   pane  seBngs  and  customized  in  the  Panel  config.   Grant  access  in  views  with  “Allow  seBngs”. With  Views  you  can  pass  arguments  from  the   Panel  page  to  the  view  with  “Use  Panel  path”   and  “Argument  input”  seBngs  in  Views.  This  is   great  for  passing  context  to  the  View. Select  “Disable  Drupal  blocks/regions”  to  let  the   Panel  take  over  the  full  content  area  of  the  page. Saturday, July 27, 13
  39. 39. Tips and Best Practices Try  not  to  mix  content  with  configuraAon.  Use   rendered  content  as  opposed  to  fields  and  use   fieldable  content  panes  as  opposed  to  custom   content  panes. Panels  Extra  Styles  is  a  great  module  for   controlling  HTML/Style  output  of  Panels/Panes:   drupal.org/project/panels_extra_styles Saturday, July 27, 13
  40. 40. Resources & Thanks Earl Miles aka "merlinofchoas" Forum One Team Matt Cheney: Panopoly: Building a Powerful Base Distribution Damien McKenna: Panelizer and Drupal Jeff Eaton: Module Monday: Panelizer Karen McGrane: Drupalcon Portland Keynote Saturday, July 27, 13
  41. 41. Questions? Slides: capitalcamp.org/content/paraphrasing-panels-panelizer-and-panopoly Contact: Keenan Holloway kholloway@forumone.com Saturday, July 27, 13

×