An introduction to Panels 3 for people who like crayons

1. Panels for designers
An introduction to Panels 3 for people who like
crayons

2. You do realize, I’m just
demoing some module
another guy made?

3. The session
What?
Why?
Basic setup?
+ Views
Workflows & version control
Custom layouts

4. Jesper Wøldiche
Designer
Journalist
Architect
Markup Marine
Danish
Using Drupal since 2008

5. You?

6. A word of caution

7. Earl Miles
Creator of Panels

8. The real Earl Miles
(when coding)

9. Me
(while coding)

10. The workings of Panels
As I understand it

11. Config Black Magic Output

12. Features of
Panels

13. $content

16. Different layouts and
content
A way of serving different layouts and content based on
different criteria.

17. A way of controlling
displays
Yes, you can do that with node-type.tpl.php and template.php
too…

18. Making content aware
A way of making content aware of context

19. Why?
Reasons to use Panels

20. One of several
options

21. Reasons to go with Panels
Easy way to theme nodes
Conditional layouts and content
Combining components
Easy export and version control
Context aware content
Easy deployment

22. Installing panels

23. Packages
Panels 3.x
Ctools

24. Extras
Views (2)
CCK
Semantic Views
Semantic CCK
Menu Block
ImageCache etc.

25. Getting set up

26. Built in & custom panels

27. Best friends
forever
Views Content Panes

28. Exporting Panels

29. Creating layouts

30. Adding layouts
sites/all/modules/panels/plugins/layouts/
sites/all/themes/your-theme/layouts/

32. Anatomy of a custom
layout

33. my_awesome_layout.inc
my-awesome-layout.tpl.php
my_awesome_layout.css
my_awesome_layout.png

34. What’s in a name?
Don’t scare Panels

35. A few words on
styling

36. my_awesome_layout.css
#panels-dnd-main

37. Selectors on pages /
variants
Classes and IDs for pages

38. Selectors on content
Classes and IDs for panes

39. Good o’le CCK and Views

40. Or take the easy way out
Semantic Views and Semantic CCK

41. Questions?