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.

1. USING PANELS
Suzanne Dergacheva
@suzanne_kennedy

2. Drupal Consulting, Development, andTraining
evolvingweb.ca
Suzanne Dergacheva, Co-founder
@suzanne_kennedy

3. TRAINING PROGRAM
Drupal-WxTTraining - March 27-28 in Ottawa
evolvingweb.ca/training

4. WHAT IS PANELS?

5. PAGE-BUILDINGTOOL

6. WHAT IS IT GOOD FOR?
managing blocks lots of layout
creating
custom
pages

7. WHY USE PANELS?

8. x
TO AVOIDTHE BLOCKS UI

9. MAKES IT EASYTO
PROTOTYPE LAYOUTS

10. TO GIVE ADMINS FREEDOM

11. TO AVOID WRITING CUSTOM
CODE

12. USING PANELS PAGES

13. PANELS PAGES

14. CREATE LANDING PAGES
Path = homepage
layout content
Fancy Banner
Login
Welcome
Message
News
View
Contact Info
Variant #1: Homepage

15. CREATE LANDING PAGES
Path = homepage
Variant #1: Homepage

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. OVERRIDE EXISTING PAGES
Path = taxonomy/term/[tid]
Country
Variant
Province
Variant
City
Variant

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. OVERRIDE EXISTING PAGES
Path = node/[nid]

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. 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. ADDING CONTENT
TO PANELS

23. BLOCKS CONFIGURATION

24. ADDING CONTENTTO A
PANEL

25. ADDING CONTENTTO A
PANEL
Custom
Blocks
Menus
Views
Widgets
Views
Panes
Page
Elements
Miscellan
eous
Activity

26. ADDING CONTENTTO A
PANEL
Custom
Blocks
Menus
Views
Widgets
Views
Panes
Page
Elements
Miscellan
eous
Activity
New
Custom
Content

27. USINGVIEWS PANES
Views
Pane

28. TRICKYTHINGS

29. MULTILINGUAL PANELS (1)
Bean
Single Panel for all Languages
(Translated with
entity translation)
Views
Pane
(Filter by language)

30. Language 2
MULTILINGUAL PANELS (2)
Language 1 Path
Translation

31. USABILITY FOR ADMINS
Panels In-Place-Editor

32. PANELS FOR LISTING PAGES
Make sure you’re linking to Panels

33. RESPONSIVE DESIGN
Make custom layouts and use media queries

34. THINGSTO AVOID

35. TOO MANY LAYOUTS
Stick to a few good ones

36. DUPLICATE CONFIG
Use mini-panels or context
v

37. FLEXIBLE LAYOUTS
Instead, add custom layouts to your theme

38. TRAINING PROGRAM
Drupal-WxTTraining - March 27-28
evolvingweb.ca/training

39. Drupal Consulting, Development, andTraining
evolvingweb.ca
Suzanne Kennedy, Co-founder
@suzanne_kennedy