DrupalCamp NYC Panels Presentation - April 2014
3 likes2,335 views
The document discusses the use of Panels in Drupal for building and managing page layouts effectively. It provides a step-by-step guide on setting up Panels, creating landing pages, and utilizing variants based on user roles. Additionally, it highlights best practices and cautions against excessive layouts and configuration complexities.
![OVERRIDE EXISTING PAGES
Path = taxonomy/term/[tid]
Category Variant
Fancy Banner
Admin
News
Admin
Message
Contact
layout content
selection criteria
Is the term
a category?
Tags Variant
Fancy Banner
Admin
News
Admin
Message
Contact
layout content
selection criteria
Is the term
a tag?](https://image.slidesharecdn.com/panels-presentation-drupalcamp-nyc-april-2014-140423121748-phpapp01/85/DrupalCamp-NYC-Panels-Presentation-April-2014-33-320.jpg)
![OVERRIDE EXISTING PAGES
Path = node/[nid]
Class Variant
selection criteria
Is the current
node of type class?
arguments
[nid] = a node
Fancy Banner
Contact Info
content
adsbody related
content
contexts
all the fields/properties
for the current city
layout](https://image.slidesharecdn.com/panels-presentation-drupalcamp-nyc-april-2014-140423121748-phpapp01/85/DrupalCamp-NYC-Panels-Presentation-April-2014-39-320.jpg)
![CREATE DYNAMIC PAGES
Path = node/[nid]/gallery
Fancy Banner
Contact Info
layout content
selection criteria
Is the current
node an event?
Event Gallery Variant
contexts
all the fields/properties
for the current event
arguments
[nid] = a node](https://image.slidesharecdn.com/panels-presentation-drupalcamp-nyc-april-2014-140423121748-phpapp01/85/DrupalCamp-NYC-Panels-Presentation-April-2014-44-320.jpg)
DrupalCamp NYC Panels Presentation - April 2014
- 2. Drupal Consulting, Development, andTraining evolvingweb.ca Suzanne Dergacheva, Co-founder @suzanne_kennedy
- 6. WHAT IS IT GOOD FOR? managing blocks managing lots of layouts creating custom pages
- 8. x TO AVOIDTHE BLOCKS UI
- 9. MAKES IT EASYTO PROTOTYPE LAYOUTS
- 10. TO GIVE ADMINS FREEDOM
- 11. DRAG AND DROP UI
- 12. TO AVOID WRITING CUSTOM CODE
- 14. PANELS PAGES 1 page = 1 path
- 16. CREATE LANDING PAGES Path = yoga-workshop layout content Fancy Banner Login Welcome Message News View Contact Info Yoga Workshop Landing Page
- 17. #1 SET UP PANEL
- 18. #2 CHOOSE A LAYOUT
- 21. = LANDING PAGE
- 23. VARIABLE LANDING PAGES Path = my-classes Fancy Banner Admin News Admin Message Contact Info layout content Fancy Banner Author Message layout content Author News selection criteria selection criteria What’s your user role? student What’s your user role? instructor Student Variant Instructor Variant Contact Info Machine Name = my_classes
- 24. #1 SET UPTHE PANEL
- 25. #2 CHOOSE A LAYOUT
- 27. #4 ADD CRITERIA
- 28. #5 ADDVARIANT
- 29. #6 ADD CONTENT
- 30. =TWOVARIANTS
- 31. =TWOVARIANTS Student Landing PageInstructor Landing Page
- 33. OVERRIDE EXISTING PAGES Path = taxonomy/term/[tid] Category Variant Fancy Banner Admin News Admin Message Contact layout content selection criteria Is the term a category? Tags Variant Fancy Banner Admin News Admin Message Contact layout content selection criteria Is the term a tag?
- 34. #1 ENABLE PANELS PAGE
- 35. #2 ADD AVARIANT
- 37. • Choose layout • Add content • Choose setting • Add more variants...
- 38. OVERRIDE EXISTING PAGES + ADD CONTEXTS
- 39. OVERRIDE EXISTING PAGES Path = node/[nid] Class Variant selection criteria Is the current node of type class? arguments [nid] = a node Fancy Banner Contact Info content adsbody related content contexts all the fields/properties for the current city layout
- 40. ADDING CONTEXTS
- 41. CONTEXTS
- 42. ADDING CONTENT
- 44. CREATE DYNAMIC PAGES Path = node/[nid]/gallery Fancy Banner Contact Info layout content selection criteria Is the current node an event? Event Gallery Variant contexts all the fields/properties for the current event arguments [nid] = a node
- 45. #1 SETTING UPTHE PANEL
- 55. PANELS, PANELIZER, PANOPOLY, OH MY...
- 56. PANELIZER MODULE • You get panels configuration (layout and content) for each node. • Often leads to too many panels, too much variation • Use with care!
- 57. PANELIZER
- 58. PANOPOLY • Comes with panelizer, fieldable panel panes • Panels set up for lots of built-in pages • Extra layout options (and responsive) • In-place editor • Pre-configured
- 59. PANOPOLY
- 60. TRICKYTHINGS
- 61. USABILITY FOR ADMINS Panels In-Place-Editor
- 62. PANELS FOR LISTING PAGES Make sure you’re linking to Panels
- 63. RESPONSIVE DESIGN Make custom layouts and use media queries
- 64. CONTENT - CONFIG • With Panels, you end up with configuration mixed up with content (inserting nodes, blocks and custom text into your panels) • Editing some content on the homepage requires more knowledge
- 65. THINGSTO AVOID
- 66. TOO MANY LAYOUTS Stick to a few good ones
- 67. DUPLICATE CONFIG Use mini-panels or context v
- 68. FLEXIBLE LAYOUTS Instead, add custom layouts to your theme
- 70. Drupal Consulting, Development, andTraining evolvingweb.ca Suzanne Kennedy, Co-founder @suzanne_kennedy