A Recipe for Flexible Editing with Drupal, Panels, Kalatheme and Panopoly

6,528 views
6,560 views

Published on

In this presentation I demoed a way to use a combination of panels, panelizer, ipe, kalatheme bootstrap and some borrowed panopoly magic mixed with a little bit of custom code to acheive some nice content editor interfaces in a flexible, yet controlled, way.

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

No Downloads
Views
Total views
6,528
On SlideShare
0
From Embeds
0
Number of Embeds
2,439
Actions
Shares
0
Downloads
20
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

A Recipe for Flexible Editing with Drupal, Panels, Kalatheme and Panopoly

  1. 1. A Recipe for Flexible Editing Carson Black carsonblack @carsonblack www.carsonblack.com Thursday, May 22, 14
  2. 2. Goals • Flexibility • Freedom under a benevolent dictator (developer) • Structured Content • Decoration • Configuration in code Thursday, May 22, 14
  3. 3. Demo Thursday, May 22, 14
  4. 4. Prep and Pickup • Prep • Things that can be done in advance • Pickup • What you do when it’s time to put it together Thursday, May 22, 14
  5. 5. Prep: Core vs. Panopoly Distro • Core • Plus modules • Panopoly • Most of what you need • Plus maybe more than you really want... Thursday, May 22, 14
  6. 6. Prep: Panels More flexible layout and content placement options Thursday, May 22, 14
  7. 7. Panelizer Default layout per bundle Customize layout and “decoration” per node page No overridden Features Allowed content Thursday, May 22, 14
  8. 8. Panels IPE In-place editing of page content Custom layout selection Thursday, May 22, 14
  9. 9. Panopoly Magic Customizes IPE Experience Previews Customize Views in Panels Editing field content in IPE Thursday, May 22, 14
  10. 10. Panopoly Theme Responsive Panels Layouts Thursday, May 22, 14
  11. 11. Prep: Kalatheme • Twitter Bootstrap • Bootstrap importer and subtheme generator • Panels instead of blocks • Responsive • Pane and region style plugins • Responsive tools • LESS / SASS Thursday, May 22, 14
  12. 12. Demo Thursday, May 22, 14
  13. 13. • Views module and obvious dependencies • Views Content Panes • Views Autocomplete Filters Prep: Views Thursday, May 22, 14
  14. 14. Prep: Custom Module(s) • Custom View Modes for a content type • Custom node templates (tpl.php) per view mode • Default view mode selected • Form alterations (Kalacustomize -> Custom) for field labels Thursday, May 22, 14
  15. 15. Prep: Custom Module - Architecture Thursday, May 22, 14
  16. 16. Prep: Custom Module - install Basically, Set the weight of this module higher than Panopoly Magic module Thursday, May 22, 14
  17. 17. Prep: Custom Module - hook_entity_info_alter() Thursday, May 22, 14
  18. 18. Prep: Custom Module - hook_preprocess_node() Thursday, May 22, 14
  19. 19. Prep: Custom Module - hook_theme_registry_alter() Thursday, May 22, 14
  20. 20. Prep: Custom Module - hook_form_alter()’s Thursday, May 22, 14
  21. 21. Prep: Custom Module - Node Templates Thursday, May 22, 14
  22. 22. Pickup: Set Pane and Region Styles Thursday, May 22, 14
  23. 23. Pickup: Create Content Pane Views Thursday, May 22, 14
  24. 24. Pickup: Create Content Pane Views Thursday, May 22, 14
  25. 25. Pickup: Create Content Pane Views Thursday, May 22, 14
  26. 26. Pickup: Create Content Pane Views Thursday, May 22, 14
  27. 27. Pickup: Create Content Pane Views Thursday, May 22, 14
  28. 28. Pickup: Panelizer Allowed Content Settings Thursday, May 22, 14
  29. 29. Pickup: Panelizer Default Panel Settings Thursday, May 22, 14
  30. 30. Pickup: Get Crazy! ;-) Thursday, May 22, 14
  31. 31. Pickup: Panopoly’s “Magical” Widgets Thursday, May 22, 14
  32. 32. Goals Achieved? • Flexibility • Freedom under a benevolent dictator (developer) • Content Structure vs. Decoration • Configuration in code (Features friendly) Thursday, May 22, 14
  33. 33. Thank You! Carson Black carsonblack @carsonblack www.carsonblack.com Thursday, May 22, 14
  34. 34. Thursday, May 22, 14

×