SlideShare a Scribd company logo
1 of 41
Download to read offline
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
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
Panels
Creating a Panel Page
Saturday, July 27, 13
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
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
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
Panels: Panes/Categories
Saturday, July 27, 13
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
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	
  in	
  configuraAon	
  and	
  is	
  markup	
  heavy)
Custom	
  responsive	
  layouts
Panels: Layouts
Saturday, July 27, 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
Panels: Panel Page
Saturday, July 27, 13
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
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	
  module
Very	
  stable
Many	
  contribuAng	
  modules
Great	
  permissions	
  seBngs
Popular
Great	
  in	
  responsive	
  design	
  sites
Saturday, July 27, 13
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
Panelizer
Panels + Settings Applied Per Node
Saturday, July 27, 13
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
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	
  view	
  modes
Allowed	
  configuraAon	
  can	
  be	
  managed
Saturday, July 27, 13
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
Panopoly
Panels + Panelizer + Drupal Distribution
Saturday, July 27, 13
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
Panopoly: Install
Standard	
  Drupal	
  install	
  procedure
Panopoly	
  Demo	
  and	
  News	
  Apps	
  can	
  be	
  skipped
Responsive	
  BarAk	
  theme	
  is	
  nice
Saturday, July 27, 13
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	
  content”	
  items
Saturday, July 27, 13
Panopoly
Strengths and Weaknesses
Saturday, July 27, 13
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
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
Overall
Tips and Best Practices
Saturday, July 27, 13
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
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
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
Questions?
Slides: capitalcamp.org/content/paraphrasing-panels-panelizer-and-panopoly
Contact: Keenan Holloway kholloway@forumone.com
Saturday, July 27, 13

More Related Content

Recently uploaded

Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businesspanagenda
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyKhushali Kathiriya
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MIND CTI
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesBoston Institute of Analytics
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Principled Technologies
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 

Recently uploaded (20)

Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 

Featured

Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTExpeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 

Featured (20)

Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 

Paraphrasing Panels Panelizer and Panopoly

  • 1. Paraphrasing Panels, Panelizer and Panopoly Keenan Holloway Developer Forum One Saturday, July 27, 13
  • 3. Panels A  standard  way  of  customizing  page  displays Saturday, July 27, 13
  • 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. Panels Creating a Panel Page Saturday, July 27, 13
  • 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. 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. 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
  • 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. Panels: In-Place Editor In-place editor How to enable it Strengths and weaknesses Saturday, July 27, 13
  • 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. 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
  • 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. Panels: Context Context  are  are  things  the  Panel  is  aware  of Saturday, July 27, 13
  • 17. Panels Strengths and Weaknesses Note: These cascade Saturday, July 27, 13
  • 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. 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. Panelizer Panels + Settings Applied Per Node Saturday, July 27, 13
  • 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
  • 24. Panelizer: Display Override This  node  VS  default  node  template Saturday, July 27, 13
  • 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. 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. Panopoly Panels + Panelizer + Drupal Distribution Saturday, July 27, 13
  • 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. Panopoly: Install Standard  Drupal  install  procedure Panopoly  Demo  and  News  Apps  can  be  skipped Responsive  BarAk  theme  is  nice Saturday, July 27, 13
  • 33. Panopoly: Content Core  panels/panelizer  content  is  hidden  in  place   of  custom  “Panelizer  content”  items Saturday, July 27, 13
  • 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. 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. Overall Tips and Best Practices Saturday, July 27, 13
  • 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. 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. 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