Panels 3 for designers

1,328 views

Published on

An introduction to Panels 3 for people who like crayons

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

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

No notes for slide
  • Show front pages + node views from u21denmark2011.com
  • Show different node views from u21 + different contexts
  • Point out regional menus from u21 + profile faktaboks view + facility list from aakb.dk
  • To get that out of the way. Quite an overlap between drupal modules
  • Panels allow you to make both design and content dependent on context, content/field or user.
    Panels give you an easy way of theming nodes with creating and maintaing tons of templates
    Panels allow you to easily export your setup and layouts to code and version control it
    An easy way of making content - eg. blocks - context aware using ctools.
    One way to ease the rollout of new features on production sites
  • Install panels + views
  • Create new homepage, create variants of node pages
  • U21: Node: Profile
    Use Panels path
    Argument input
    Allow settings
  • Exporting and version controlling panels
    Bulk exporter or features
  • Show the files
  • Panels 3 for designers

    1. 1. Panels for designers An introduction to Panels 3 for people who like crayons
    2. 2. You do realize, I’m just demoing some module another guy made?
    3. 3. The session What? Why? Basic setup? + Views Workflows & version control Custom layouts
    4. 4. Jesper Wøldiche Designer Journalist Architect Markup Marine Danish Using Drupal since 2008
    5. 5. You?
    6. 6. A word of caution
    7. 7. Earl Miles Creator of Panels
    8. 8. The real Earl Miles (when coding)
    9. 9. Me (while coding)
    10. 10. The workings of Panels As I understand it
    11. 11. Config Black Magic Output
    12. 12. Features of Panels
    13. 13. $content
    14. 14. Different layouts and content A way of serving different layouts and content based on different criteria.
    15. 15. A way of controlling displays Yes, you can do that with node-type.tpl.php and template.php too…
    16. 16. Making content aware A way of making content aware of context
    17. 17. Why? Reasons to use Panels
    18. 18. One of several options
    19. 19. 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
    20. 20. Installing panels
    21. 21. Packages Panels 3.x Ctools
    22. 22. Extras Views (2) CCK Semantic Views Semantic CCK Menu Block ImageCache etc.
    23. 23. Getting set up
    24. 24. Built in & custom panels
    25. 25. Best friends forever Views Content Panes
    26. 26. Exporting Panels
    27. 27. Creating layouts
    28. 28. Adding layouts sites/all/modules/panels/plugins/layouts/ sites/all/themes/your-theme/layouts/
    29. 29. Anatomy of a custom layout
    30. 30. my_awesome_layout.inc my-awesome-layout.tpl.php my_awesome_layout.css my_awesome_layout.png
    31. 31. What’s in a name? Don’t scare Panels
    32. 32. A few words on styling
    33. 33. my_awesome_layout.css #panels-dnd-main
    34. 34. Selectors on pages / variants Classes and IDs for pages
    35. 35. Selectors on content Classes and IDs for panes
    36. 36. Good o’le CCK and Views
    37. 37. Or take the easy way out Semantic Views and Semantic CCK
    38. 38. Questions?

    ×