0
Paraphrasing Panels,
Panelizer and Panopoly
Keenan Holloway
Developer
Forum One
Saturday, July 27, 13
Panels
The Foundation
Saturday, July 27, 13
Panels
A	
  standard	
  way	
  of	
  customizing	
  page	
  displays
Saturday, July 27, 13
Panels: Install and Enable
Install	
  CTools	
  and	
  Panels
Module/Sub-­‐Module	
  Enable:
CTools:	
  Page	
  Manager
Pa...
Panels
Creating a Panel Page
Saturday, July 27, 13
Panels: Overall Steps
Create	
  a	
  new	
  Panel	
  page
Specify	
  what	
  the	
  page	
  is	
  (new	
  page,	
  overrid...
Panels: Pages
Panels	
  can	
  override	
  the	
  display	
  of:
Comment	
  reply	
  page,	
  Node	
  add/edit	
  form,	
 ...
Panels: Content
A	
  Panels	
  page	
  consists	
  of	
  content	
  from	
  various	
  
sources	
  that	
  is	
  exposed	
...
Panels: Panes/Categories
Saturday, July 27, 13
Panels: Panes
Views	
  content	
  panes
Allows	
  Views	
  content	
  to	
  be	
  used	
  in	
  Panels
(sub	
  module	
  o...
Panels: In-Place Editor
In-place editor
How to enable it
Strengths and
weaknesses
Saturday, July 27, 13
Out	
  the	
  box	
  (seen	
  above)
Flexible	
  Builders	
  layout	
  (Not	
  really	
  used	
  because	
  
it	
  lives	
...
Panels: Layouts: Custom
Talk about layouts out
the box as well as custom
responsive layouts. Show
code of custom layout?
T...
Panels: Panel Page
Saturday, July 27, 13
Panels: Variants
Consider	
  Variants	
  as	
  “if”	
  statements	
  
for	
  Panel	
  pages
They	
  are	
  used	
  typical...
Panels: Context
Context	
  are	
  are	
  things	
  the	
  Panel	
  is	
  aware	
  of
Saturday, July 27, 13
Panels
Strengths and Weaknesses
Note: These cascade
Saturday, July 27, 13
Panels: Strengths
Panels	
  are	
  exportable	
  using	
  things	
  like	
  Features,	
  
Hooks	
  and	
  ConfiguraAon	
  m...
Panels: Weaknesses
User	
  interface	
  can	
  be	
  challenging	
  and	
  isn’t	
  very	
  
508	
  compliant
Advanced	
  ...
Panelizer
Panels + Settings Applied Per Node
Saturday, July 27, 13
Panelizer
A	
  way	
  to	
  customize	
  the	
  display	
  of	
  one	
  node	
  
without	
  effecAng	
  others
Takes	
  pan...
Panelizer: Entity Display
Saturday, July 27, 13
Panelizer: Display Override
Saturday, July 27, 13
Panelizer: Display Override
This	
  node	
  VS	
  default	
  node	
  template
Saturday, July 27, 13
Panelizer
Strengths and Weaknesses
Saturday, July 27, 13
Panelizer: Strengths
Works	
  on	
  any	
  enAty	
  (as	
  of	
  Version	
  2)
Create	
  mulAple	
  defaults
Customize	
  ...
Panelizer: Weaknesses
Could	
  be	
  too	
  much	
  freedom	
  if	
  not	
  locked	
  down	
  
correctly
Available	
  opAo...
Panopoly
Panels + Panelizer + Drupal Distribution
Saturday, July 27, 13
Panopoly
Panopoly	
  is	
  an	
  Apps	
  enabled	
  distribuAon	
  of	
  
Drupal	
  powered	
  by	
  lots	
  of	
  Chaos	
...
Panopoly: Install
Standard	
  Drupal	
  install	
  procedure
Panopoly	
  Demo	
  and	
  News	
  Apps	
  can	
  be	
  skipp...
Panopoly: IPE
Saturday, July 27, 13
Panopoly: Layouts
Saturday, July 27, 13
Panopoly: Content
Core	
  panels/panelizer	
  content	
  is	
  hidden	
  in	
  place	
  
of	
  custom	
  “Panelizer	
  con...
Panopoly
Strengths and Weaknesses
Saturday, July 27, 13
Panopoly: Strengths
Provides	
  a	
  best	
  pracAce	
  default	
  stack	
  of	
  modules	
  
(removes	
  the	
  pains	
  ...
Panopoly: Weaknesses
Like	
  many	
  distribuAon	
  there	
  are	
  a	
  lot	
  of	
  things	
  
you’ll	
  want	
  to	
  t...
Overall
Tips and Best Practices
Saturday, July 27, 13
Tips and Best Practices
Some	
  views	
  configuraAon	
  (item	
  number,	
  filters,	
  
sorAng,	
  fields,	
  etc)	
  can	
...
Tips and Best Practices
Try	
  not	
  to	
  mix	
  content	
  with	
  configuraAon.	
  Use	
  
rendered	
  content	
  as	
 ...
Resources & Thanks
Earl Miles aka "merlinofchoas"
Forum One Team
Matt Cheney: Panopoly: Building a Powerful Base Distribut...
Questions?
Slides: capitalcamp.org/content/paraphrasing-panels-panelizer-and-panopoly
Contact: Keenan Holloway kholloway@f...
Upcoming SlideShare
Loading in...5
×

Paraphrasing Panels, Panelizer and Panopoly

5,071

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
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,071
On Slideshare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
18
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

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

×