SlideShare a Scribd company logo
1 of 13
Panels, Panels Everywhere And not a block in place!
What do I want to do     Re-think how you architect, design and implement a Drupal website.
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
Aw Crap, He’s Showing Us Code Page.tpl.php
Workflow Requirements Architecture + Wireframes Comps Implementation
Page Manager Don’t just decorate what the site gives you. Do not let the page own the content, let the content own the page. List all your pages, or at least the page templates, in one place. Let your pages show what they want to show based upon things like content type, user access levels, current language, etc.
Create a page Decide where it lives. In Drupal, the URL controls the hierarchy. i.e, /members/admin is automatically under /members. Decide what its context is. Decide what content it displays.
You keep using that word. I do not think it means what you think it means. Pronunciation: kän-ˌtekstbr />Function: noun Etymology: Middle English, weaving together of words, from Latin contextus connection of words, coherence, from contexere to weave together, from com- + texere to weave — more at technical Date: circa 1568 1: the parts of a discourse that surround a word or passage and can throw light on its meaning2: the interrelated conditions in which something exists or occurs :environment, setting <the historical context of the war> — con·text·less ˌtekst-ləsadjective — con·tex·tu·al än-ˈteks-chə-wəl, kən-, -chəl, -chü-əladjective — con·tex·tu·al·lyadverb
Context in the sense of a Page All the data objects that you need in order to generate the content to display: Node User Language Taxonomy Term Forum Organic Group
Where do Contexts Come From? Arguments /taxonomy/term/%term /forum/%forum /music/beatles/the-white-album/hey-jude Other contexts Node author Node reference They just are
Why is this important? When you add a piece of content to a Page Manager Page, you can tell it which context it cares about. Node views need a node context. User profiles need a user context. Forum listings need a forum context. Views can accept contexts too!
Variants: Do You See What I See? Authenticated users need a richer experience? Local users should see more Local content on the front page? Separation of pages is not necessarily by path? As far as Drupal is concerned, all /node/% URLs are handled the same way. i.e, /node/2 and /node/3 use the same rendering mechanism. But my wireframes don't agree.

More Related Content

Similar to Panels, Panels Everywhere

The Factors For The Website
The Factors For The WebsiteThe Factors For The Website
The Factors For The Website
Julie May
 
Design And Documentation
Design And DocumentationDesign And Documentation
Design And Documentation
Miles Price
 
Content Management That Won't Rot Your Brain
Content Management That Won't Rot Your BrainContent Management That Won't Rot Your Brain
Content Management That Won't Rot Your Brain
Sean Cribbs
 
Assignment 11 Unit1 Web authoring
Assignment 11 Unit1 Web authoringAssignment 11 Unit1 Web authoring
Assignment 11 Unit1 Web authoring
haverstockmedia
 
Xaml Guidelines Draft0
Xaml Guidelines Draft0Xaml Guidelines Draft0
Xaml Guidelines Draft0
guest27165
 

Similar to Panels, Panels Everywhere (20)

Dita for the web: Make Adaptive Content Simple for Writers and Developer
Dita for the web: Make Adaptive Content Simple for Writers and DeveloperDita for the web: Make Adaptive Content Simple for Writers and Developer
Dita for the web: Make Adaptive Content Simple for Writers and Developer
 
HTML Start Up - Introduction to HTML
HTML Start Up - Introduction to HTMLHTML Start Up - Introduction to HTML
HTML Start Up - Introduction to HTML
 
The Factors For The Website
The Factors For The WebsiteThe Factors For The Website
The Factors For The Website
 
Design And Documentation
Design And DocumentationDesign And Documentation
Design And Documentation
 
171dreamweaver
171dreamweaver171dreamweaver
171dreamweaver
 
171dreamweaver
171dreamweaver171dreamweaver
171dreamweaver
 
Drupalcamp Atlanta 2010 Internationalization Presentation
Drupalcamp Atlanta 2010 Internationalization PresentationDrupalcamp Atlanta 2010 Internationalization Presentation
Drupalcamp Atlanta 2010 Internationalization Presentation
 
Content Management That Won't Rot Your Brain
Content Management That Won't Rot Your BrainContent Management That Won't Rot Your Brain
Content Management That Won't Rot Your Brain
 
Assignment 11 Unit1 Web authoring
Assignment 11 Unit1 Web authoringAssignment 11 Unit1 Web authoring
Assignment 11 Unit1 Web authoring
 
Web Site Designing - Basic
Web Site Designing - Basic Web Site Designing - Basic
Web Site Designing - Basic
 
Interview+Questions (1).pdf
Interview+Questions (1).pdfInterview+Questions (1).pdf
Interview+Questions (1).pdf
 
Synapseindia drupal intro 0
Synapseindia drupal intro 0Synapseindia drupal intro 0
Synapseindia drupal intro 0
 
Wordpress as a CMS
Wordpress as a CMSWordpress as a CMS
Wordpress as a CMS
 
HTML Bootcamp
HTML BootcampHTML Bootcamp
HTML Bootcamp
 
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)
 
The panels family
The panels familyThe panels family
The panels family
 
A First Look At Drupal
A First Look At DrupalA First Look At Drupal
A First Look At Drupal
 
Xaml Guidelines Draft0
Xaml Guidelines Draft0Xaml Guidelines Draft0
Xaml Guidelines Draft0
 
WELCOME-FOLKS--CSS.-AND-HTMLS.pptx
WELCOME-FOLKS--CSS.-AND-HTMLS.pptxWELCOME-FOLKS--CSS.-AND-HTMLS.pptx
WELCOME-FOLKS--CSS.-AND-HTMLS.pptx
 
HTML & CSS Workshop Notes
HTML & CSS Workshop NotesHTML & CSS Workshop Notes
HTML & CSS Workshop Notes
 

Recently uploaded

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
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
panagenda
 

Recently uploaded (20)

Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
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 ...
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
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
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
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
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
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...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
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...
 
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
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
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
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 

Panels, Panels Everywhere

  • 1. Panels, Panels Everywhere And not a block in place!
  • 2. What do I want to do Re-think how you architect, design and implement a Drupal website.
  • 3. 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
  • 4. 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
  • 5. Aw Crap, He’s Showing Us Code Page.tpl.php
  • 6. Workflow Requirements Architecture + Wireframes Comps Implementation
  • 7. Page Manager Don’t just decorate what the site gives you. Do not let the page own the content, let the content own the page. List all your pages, or at least the page templates, in one place. Let your pages show what they want to show based upon things like content type, user access levels, current language, etc.
  • 8. Create a page Decide where it lives. In Drupal, the URL controls the hierarchy. i.e, /members/admin is automatically under /members. Decide what its context is. Decide what content it displays.
  • 9. You keep using that word. I do not think it means what you think it means. Pronunciation: kän-ˌtekstbr />Function: noun Etymology: Middle English, weaving together of words, from Latin contextus connection of words, coherence, from contexere to weave together, from com- + texere to weave — more at technical Date: circa 1568 1: the parts of a discourse that surround a word or passage and can throw light on its meaning2: the interrelated conditions in which something exists or occurs :environment, setting <the historical context of the war> — con·text·less ˌtekst-ləsadjective — con·tex·tu·al än-ˈteks-chə-wəl, kən-, -chəl, -chü-əladjective — con·tex·tu·al·lyadverb
  • 10. Context in the sense of a Page All the data objects that you need in order to generate the content to display: Node User Language Taxonomy Term Forum Organic Group
  • 11. Where do Contexts Come From? Arguments /taxonomy/term/%term /forum/%forum /music/beatles/the-white-album/hey-jude Other contexts Node author Node reference They just are
  • 12. Why is this important? When you add a piece of content to a Page Manager Page, you can tell it which context it cares about. Node views need a node context. User profiles need a user context. Forum listings need a forum context. Views can accept contexts too!
  • 13. Variants: Do You See What I See? Authenticated users need a richer experience? Local users should see more Local content on the front page? Separation of pages is not necessarily by path? As far as Drupal is concerned, all /node/% URLs are handled the same way. i.e, /node/2 and /node/3 use the same rendering mechanism. But my wireframes don't agree.

Editor's Notes

  1. Nicolaus Copernicus, a Polish astronomer who made the world re-think cosmology in the 16th century