SlideShare a Scribd company logo
1 of 24
The Panels Family An overview
High Level ,[object Object]
Custom content
Custom layouts
Custom styles
Mini Panels
Views panes
Views contexts
Custom rulesetsStructure Page Manager Page Panels Everywhere Content Panelizer Miscellaneous Panel fields (Views) Display suite
Typical Drupal Design Blue areas are regions Blocks in regions are unrelated to the content Have to use PHP snippets to make blocks context sensitive Can only place a block in one region All regions always render even when not displayed in page.tpl.php Header Content Left Sidebar Right Sidebar Footer
How Designers See A Page Everything on a page is a part of the content of that page, taken within the context of the entire site. Content
How Designers See A Page Everything on a page is a part of the content of that page, taken within the context of the entire site. Also, designers like grids. Content
Structure: Page Manager page Has URL path of its own System pages override existing Drupal functionality Can assign arguments to contexts Variants can provide different pages on criteria Exportable, can be provided by modules
What the Frog is Context?!?! Context is the underlying data you need to render a page. A context is an object in Drupal: i.e, node, user, view, entity, form, taxonomy term, etc. Arguments and relationships produce context Access rules, relationships, content panes consume context.
Contexts are objects Nodes Users Taxonomy terms Forms Any other object someone writes a plugin for
Context source: Arguments http://www.example.com/node/12345 Node: Story XYZ
Context source: Relationships Taxonomy Term Node: Story XYZ Post Author Node: Author Profile
Context at work Header Node: Story XYZ Taxonomy Term Left Sidebar Right Sidebar Post Author Node: Author Profile Footer
Structure: Panels Everywhere Partially or Completely replace page.tpl.php and block admin UI Change “page template” based upon context. Assign specific page templates directly to specific pages. Exportable, can be provided by modules and themes.
Content: Panelizer Panelizer.module Node which contains a panel Can have default panel layout Content creator can create new layout Lots of room for future expansion. Contributors wanted! 
Component: Custom Content Can simply from the UI or complex from a plugin Equivalent to custom blocks in block UI Can control naming and categorization Text with an input filter Reusable Exportable
Component: Custom layout Regions that can contain blocks Can create as a plugin or using the “flexible” layout builder from the UI
Complex layout
Component: Custom style Can add decorations, such as rounded corners Can control CSS properties such as font size, weight Can repurpose panes to create tabsets, accordions Can be plugins, or simpler custom styles can be created in the UI and exported. See: Stylizer module

More Related Content

What's hot

A2WPress Themia Documentation
A2WPress Themia DocumentationA2WPress Themia Documentation
A2WPress Themia DocumentationA2WPress
 
A2WPress Squirrel Theme Documentation
A2WPress Squirrel Theme DocumentationA2WPress Squirrel Theme Documentation
A2WPress Squirrel Theme DocumentationA2WPress
 
Futura responsive joomla template
Futura responsive joomla templateFutura responsive joomla template
Futura responsive joomla templateEmilyPhan21291
 
A2WPress Regal Theme Documentation
A2WPress Regal Theme DocumentationA2WPress Regal Theme Documentation
A2WPress Regal Theme DocumentationA2WPress
 
A2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme DocumentationA2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme DocumentationA2WPress
 
A2WPress GoldenEagle Theme Documentation
A2WPress GoldenEagle Theme DocumentationA2WPress GoldenEagle Theme Documentation
A2WPress GoldenEagle Theme DocumentationA2WPress
 
Flaix responsive joomla template
Flaix responsive joomla templateFlaix responsive joomla template
Flaix responsive joomla templateEmilyPhan21291
 

What's hot (10)

A2WPress Themia Documentation
A2WPress Themia DocumentationA2WPress Themia Documentation
A2WPress Themia Documentation
 
A2WPress Squirrel Theme Documentation
A2WPress Squirrel Theme DocumentationA2WPress Squirrel Theme Documentation
A2WPress Squirrel Theme Documentation
 
Futura responsive joomla template
Futura responsive joomla templateFutura responsive joomla template
Futura responsive joomla template
 
A2WPress Regal Theme Documentation
A2WPress Regal Theme DocumentationA2WPress Regal Theme Documentation
A2WPress Regal Theme Documentation
 
A2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme DocumentationA2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme Documentation
 
Design for Mobile
Design for MobileDesign for Mobile
Design for Mobile
 
Creating Beautiful Wordpress Sites
Creating Beautiful Wordpress SitesCreating Beautiful Wordpress Sites
Creating Beautiful Wordpress Sites
 
A2WPress GoldenEagle Theme Documentation
A2WPress GoldenEagle Theme DocumentationA2WPress GoldenEagle Theme Documentation
A2WPress GoldenEagle Theme Documentation
 
Flaix responsive joomla template
Flaix responsive joomla templateFlaix responsive joomla template
Flaix responsive joomla template
 
React.js workshop
React.js workshopReact.js workshop
React.js workshop
 

Viewers also liked

Panels 2 and Nodequeue 2
Panels 2 and Nodequeue 2Panels 2 and Nodequeue 2
Panels 2 and Nodequeue 2merlinofchaos
 
Drupal 7 advanced ajax
Drupal 7 advanced ajaxDrupal 7 advanced ajax
Drupal 7 advanced ajaxmerlinofchaos
 
The Chaos Tools Suite
The Chaos Tools SuiteThe Chaos Tools Suite
The Chaos Tools Suitemerlinofchaos
 
Panels, Panels Everywhere
Panels, Panels EverywherePanels, Panels Everywhere
Panels, Panels Everywheremerlinofchaos
 

Viewers also liked (6)

Panels 2 and Nodequeue 2
Panels 2 and Nodequeue 2Panels 2 and Nodequeue 2
Panels 2 and Nodequeue 2
 
Drupal 7 advanced ajax
Drupal 7 advanced ajaxDrupal 7 advanced ajax
Drupal 7 advanced ajax
 
The Chaos Tools Suite
The Chaos Tools SuiteThe Chaos Tools Suite
The Chaos Tools Suite
 
Panels, Panels Everywhere
Panels, Panels EverywherePanels, Panels Everywhere
Panels, Panels Everywhere
 
User Experience
User ExperienceUser Experience
User Experience
 
Drupal 6 Theming
Drupal 6 ThemingDrupal 6 Theming
Drupal 6 Theming
 

Similar to The panels family

Marky Markup and the Funky Bunch
Marky Markup and the Funky BunchMarky Markup and the Funky Bunch
Marky Markup and the Funky Bunchdtraft
 
Share point 2010-uiimprovements
Share point 2010-uiimprovementsShare point 2010-uiimprovements
Share point 2010-uiimprovementsLiquidHub
 
Meetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - GutenbergMeetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - GutenbergEvan Mullins
 
Meetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - GutenbergMeetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - GutenbergMickey Mellen
 
You Can Take Your HAT Off
You Can Take Your HAT OffYou Can Take Your HAT Off
You Can Take Your HAT OffJeff Haas
 
Modernising AEM Sites Codebase (AEM Meetup 2019)
Modernising AEM Sites Codebase  (AEM Meetup 2019)Modernising AEM Sites Codebase  (AEM Meetup 2019)
Modernising AEM Sites Codebase (AEM Meetup 2019)Hanish Bansal
 
Drupal - Blocks vs Context vs Panels
Drupal - Blocks vs Context vs PanelsDrupal - Blocks vs Context vs Panels
Drupal - Blocks vs Context vs PanelsDavid Burns
 
Bootstrap Paragraphs for Drupal 8
Bootstrap Paragraphs for Drupal 8Bootstrap Paragraphs for Drupal 8
Bootstrap Paragraphs for Drupal 8Jim Birch
 
Drupal architectures for flexible content - Drupalcon Barcelona
Drupal architectures for flexible content - Drupalcon BarcelonaDrupal architectures for flexible content - Drupalcon Barcelona
Drupal architectures for flexible content - Drupalcon Barcelonahernanibf
 
Designing well known websites with ADF Rich Faces
Designing well known websites with ADF Rich FacesDesigning well known websites with ADF Rich Faces
Designing well known websites with ADF Rich Facesmaikorocha
 
CORNELL DRUPAL CAMP 2015: One Content Type to Rule Them All
CORNELL DRUPAL CAMP 2015: One Content Type  to Rule Them AllCORNELL DRUPAL CAMP 2015: One Content Type  to Rule Them All
CORNELL DRUPAL CAMP 2015: One Content Type to Rule Them AllWill Jackson
 
Rss on your_library_site
Rss on your_library_siteRss on your_library_site
Rss on your_library_sitepeacekaat
 
Wordpress workflow for an agency world
Wordpress workflow for an agency worldWordpress workflow for an agency world
Wordpress workflow for an agency worldChris Lowe
 
FED presentation
FED presentationFED presentation
FED presentationClausDue
 
ASP.NET 06 - Customizing Your Sites Appearance
ASP.NET 06 - Customizing Your Sites AppearanceASP.NET 06 - Customizing Your Sites Appearance
ASP.NET 06 - Customizing Your Sites AppearanceRandy Connolly
 
Building and Deployment of Drupal sites with Features and Context
Building and Deployment of Drupal sites with Features and ContextBuilding and Deployment of Drupal sites with Features and Context
Building and Deployment of Drupal sites with Features and ContextSvilen Sabev
 
Contributions: what they are and how to find them
Contributions: what they are and how to find themContributions: what they are and how to find them
Contributions: what they are and how to find themPedro Cambra
 

Similar to The panels family (20)

Marky Markup and the Funky Bunch
Marky Markup and the Funky BunchMarky Markup and the Funky Bunch
Marky Markup and the Funky Bunch
 
Share point 2010-uiimprovements
Share point 2010-uiimprovementsShare point 2010-uiimprovements
Share point 2010-uiimprovements
 
Meetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - GutenbergMeetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - Gutenberg
 
Meetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - GutenbergMeetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - Gutenberg
 
You Can Take Your HAT Off
You Can Take Your HAT OffYou Can Take Your HAT Off
You Can Take Your HAT Off
 
Modernising AEM Sites Codebase (AEM Meetup 2019)
Modernising AEM Sites Codebase  (AEM Meetup 2019)Modernising AEM Sites Codebase  (AEM Meetup 2019)
Modernising AEM Sites Codebase (AEM Meetup 2019)
 
Whats Up With Ontopoly?
Whats Up With Ontopoly?Whats Up With Ontopoly?
Whats Up With Ontopoly?
 
Drupal - Blocks vs Context vs Panels
Drupal - Blocks vs Context vs PanelsDrupal - Blocks vs Context vs Panels
Drupal - Blocks vs Context vs Panels
 
Bootstrap Paragraphs for Drupal 8
Bootstrap Paragraphs for Drupal 8Bootstrap Paragraphs for Drupal 8
Bootstrap Paragraphs for Drupal 8
 
Drupal architectures for flexible content - Drupalcon Barcelona
Drupal architectures for flexible content - Drupalcon BarcelonaDrupal architectures for flexible content - Drupalcon Barcelona
Drupal architectures for flexible content - Drupalcon Barcelona
 
Drupal Workshop
Drupal WorkshopDrupal Workshop
Drupal Workshop
 
Drupalcamp
DrupalcampDrupalcamp
Drupalcamp
 
Designing well known websites with ADF Rich Faces
Designing well known websites with ADF Rich FacesDesigning well known websites with ADF Rich Faces
Designing well known websites with ADF Rich Faces
 
CORNELL DRUPAL CAMP 2015: One Content Type to Rule Them All
CORNELL DRUPAL CAMP 2015: One Content Type  to Rule Them AllCORNELL DRUPAL CAMP 2015: One Content Type  to Rule Them All
CORNELL DRUPAL CAMP 2015: One Content Type to Rule Them All
 
Rss on your_library_site
Rss on your_library_siteRss on your_library_site
Rss on your_library_site
 
Wordpress workflow for an agency world
Wordpress workflow for an agency worldWordpress workflow for an agency world
Wordpress workflow for an agency world
 
FED presentation
FED presentationFED presentation
FED presentation
 
ASP.NET 06 - Customizing Your Sites Appearance
ASP.NET 06 - Customizing Your Sites AppearanceASP.NET 06 - Customizing Your Sites Appearance
ASP.NET 06 - Customizing Your Sites Appearance
 
Building and Deployment of Drupal sites with Features and Context
Building and Deployment of Drupal sites with Features and ContextBuilding and Deployment of Drupal sites with Features and Context
Building and Deployment of Drupal sites with Features and Context
 
Contributions: what they are and how to find them
Contributions: what they are and how to find themContributions: what they are and how to find them
Contributions: what they are and how to find them
 

Recently uploaded

Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024The Digital Insurer
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Zilliz
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MIND CTI
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native ApplicationsWSO2
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfOrbitshub
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesrafiqahmad00786416
 
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfCyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfOverkill Security
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdfSandro Moreira
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Orbitshub
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamUiPathCommunity
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistandanishmna97
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...apidays
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
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
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 

Recently uploaded (20)

Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfCyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
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
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 

The panels family

  • 1. The Panels Family An overview
  • 2.
  • 9. Custom rulesetsStructure Page Manager Page Panels Everywhere Content Panelizer Miscellaneous Panel fields (Views) Display suite
  • 10. Typical Drupal Design Blue areas are regions Blocks in regions are unrelated to the content Have to use PHP snippets to make blocks context sensitive Can only place a block in one region All regions always render even when not displayed in page.tpl.php Header Content Left Sidebar Right Sidebar Footer
  • 11. How Designers See A Page Everything on a page is a part of the content of that page, taken within the context of the entire site. Content
  • 12. How Designers See A Page Everything on a page is a part of the content of that page, taken within the context of the entire site. Also, designers like grids. Content
  • 13. Structure: Page Manager page Has URL path of its own System pages override existing Drupal functionality Can assign arguments to contexts Variants can provide different pages on criteria Exportable, can be provided by modules
  • 14. What the Frog is Context?!?! Context is the underlying data you need to render a page. A context is an object in Drupal: i.e, node, user, view, entity, form, taxonomy term, etc. Arguments and relationships produce context Access rules, relationships, content panes consume context.
  • 15. Contexts are objects Nodes Users Taxonomy terms Forms Any other object someone writes a plugin for
  • 16. Context source: Arguments http://www.example.com/node/12345 Node: Story XYZ
  • 17. Context source: Relationships Taxonomy Term Node: Story XYZ Post Author Node: Author Profile
  • 18. Context at work Header Node: Story XYZ Taxonomy Term Left Sidebar Right Sidebar Post Author Node: Author Profile Footer
  • 19. Structure: Panels Everywhere Partially or Completely replace page.tpl.php and block admin UI Change “page template” based upon context. Assign specific page templates directly to specific pages. Exportable, can be provided by modules and themes.
  • 20. Content: Panelizer Panelizer.module Node which contains a panel Can have default panel layout Content creator can create new layout Lots of room for future expansion. Contributors wanted! 
  • 21. Component: Custom Content Can simply from the UI or complex from a plugin Equivalent to custom blocks in block UI Can control naming and categorization Text with an input filter Reusable Exportable
  • 22. Component: Custom layout Regions that can contain blocks Can create as a plugin or using the “flexible” layout builder from the UI
  • 24. Component: Custom style Can add decorations, such as rounded corners Can control CSS properties such as font size, weight Can repurpose panes to create tabsets, accordions Can be plugins, or simpler custom styles can be created in the UI and exported. See: Stylizer module
  • 25. Component: Mini panel Anything you want in a panel…in a block (or pane) Useful for side by side or for putting several distinct content pieces together for re-use
  • 26. Component: Views pane A special display type that makes a view available as a content pane Can use contexts as arguments Can control the appearance in the Add Content dialog Can control what config option is available Can optionally allow panel config to control which fields show Can repurpose exposed filters into panel config to improve experience of content managers
  • 27. Component: Views context Load a view into a context Split the pieces of a view across a layout Extract other contexts from view results
  • 28. Component: Custom ruleset Group complex rules (a & b & c) into a single rule to make life easier for content managers
  • 29. Misc: Panels fields Style plugin for view Split the fields of a view across a layout
  • 30. Misc: Display suite Display suite now can use Panels layout and content to control node layout directly from the display suite UI
  • 31. Pain Points Too many ways to do Views Can be hard to do forms that aren’t nodes Modules that don’t talk Panels don’t put their content in a way Panels can use it Block system sucks, spreads suck to everything it touches

Editor's Notes

  1. Drupal sees a page as the page content + some blocks + a page template. These 3 items are all completely unrelated to each other.Sometimes you relate blocks to content by using PHP visibility rules. It doesn't take long for this to get unwieldy.In a way, this is the Earth-centric model
  2. At least, the designers I’ve worked with. Maybe there should be a grid here.Designers generally treat a page as a single entity, made up of related pieces.Sure, navigation is often site-wide, but that’s a tiny piece of what’s within regions.
  3. At least, the designers I’ve worked with. Maybe there should be a grid here.Designers generally treat a page as a single entity, made up of related pieces.Sure, navigation is often site-wide, but that’s a tiny piece of what’s within regions.