Using Panels Wisely - DrupalCamp Ottawa 2014

1,665 views

Published on

Panels is a popular module for creating landing pages, managing layouts, and developing dynamic pages through the user interface. In this session, we'll talk about techniques for taking advantage of Panels functionality and best practices for keeping your Panels consistent and well-organized.

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,665
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Using Panels Wisely - DrupalCamp Ottawa 2014

  1. 1. USING PANELS Suzanne Dergacheva @suzanne_kennedy
  2. 2. Drupal Consulting, Development, andTraining evolvingweb.ca Suzanne Dergacheva, Co-founder @suzanne_kennedy
  3. 3. TRAINING PROGRAM Drupal-WxTTraining - March 27-28 in Ottawa evolvingweb.ca/training
  4. 4. WHAT IS PANELS?
  5. 5. PAGE-BUILDINGTOOL
  6. 6. WHAT IS IT GOOD FOR? managing blocks lots of layout creating custom pages
  7. 7. WHY USE PANELS?
  8. 8. x TO AVOIDTHE BLOCKS UI
  9. 9. MAKES IT EASYTO PROTOTYPE LAYOUTS
  10. 10. TO GIVE ADMINS FREEDOM
  11. 11. TO AVOID WRITING CUSTOM CODE
  12. 12. USING PANELS PAGES
  13. 13. PANELS PAGES
  14. 14. CREATE LANDING PAGES Path = homepage layout content Fancy Banner Login Welcome Message News View Contact Info Variant #1: Homepage
  15. 15. CREATE LANDING PAGES Path = homepage Variant #1: Homepage
  16. 16. CREATE A DASHBOARD Path = mydashboard Fancy Banner Admin News Admin Message Contact Info layout content Fancy Banner Author Message layout content Author News selection criteria selection criteria Are you an admin? Are you an author? Admin Variant Author Variant Contact Info
  17. 17. OVERRIDE EXISTING PAGES Path = taxonomy/term/[tid] Country Variant Province Variant City Variant
  18. 18. 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?
  19. 19. OVERRIDE EXISTING PAGES Path = node/[nid]
  20. 20. OVERRIDE EXISTING PAGES Path = node/[nid] City Variant selection criteria Is the current node a city? arguments [nid] = a node Fancy Banner Contact Info content adsbody related content contexts all the fields/properties for the current city layout
  21. 21. 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
  22. 22. ADDING CONTENT TO PANELS
  23. 23. BLOCKS CONFIGURATION
  24. 24. ADDING CONTENTTO A PANEL
  25. 25. ADDING CONTENTTO A PANEL Custom Blocks Menus Views Widgets Views Panes Page Elements Miscellan eous Activity
  26. 26. ADDING CONTENTTO A PANEL Custom Blocks Menus Views Widgets Views Panes Page Elements Miscellan eous Activity New Custom Content
  27. 27. USINGVIEWS PANES Views Pane
  28. 28. TRICKYTHINGS
  29. 29. MULTILINGUAL PANELS (1) Bean Single Panel for all Languages (Translated with entity translation) Views Pane (Filter by language)
  30. 30. Language 2 MULTILINGUAL PANELS (2) Language 1 Path Translation
  31. 31. USABILITY FOR ADMINS Panels In-Place-Editor
  32. 32. PANELS FOR LISTING PAGES Make sure you’re linking to Panels
  33. 33. RESPONSIVE DESIGN Make custom layouts and use media queries
  34. 34. THINGSTO AVOID
  35. 35. TOO MANY LAYOUTS Stick to a few good ones
  36. 36. DUPLICATE CONFIG Use mini-panels or context v
  37. 37. FLEXIBLE LAYOUTS Instead, add custom layouts to your theme
  38. 38. TRAINING PROGRAM Drupal-WxTTraining - March 27-28 evolvingweb.ca/training
  39. 39. Drupal Consulting, Development, andTraining evolvingweb.ca Suzanne Kennedy, Co-founder @suzanne_kennedy

×