a recipe for flexible editing with drupal, panels, kalatheme and panopoly

A Recipe for Flexible Editing

Carson Black

carsonblack

@carsonblack

www.carsonblack.com

Thursday, May 22, 14

Goals

• Flexibility

• Freedom under a benevolent dictator (developer)

• Structured Content

• Decoration

• Configuration in code


Demo


Prep and Pickup

• Prep

• Things that can be done in advance

• Pickup

• What you do when it’s time to put it together


Prep: Core vs. Panopoly Distro

• Core

• Plus modules

• Panopoly

• Most of what you need

• Plus maybe more than you really want...


Prep: Panels More flexible layout and content placement options


Panelizer

Default layout per bundle

Customize layout and “decoration” per node page

No overridden Features

Allowed content


Panels IPE

In-place editing of page content

Custom layout selection


Panopoly Magic

Customizes IPE Experience

Previews

Customize Views in Panels

Editing field content in IPE


Panopoly Theme Responsive Panels Layouts


Prep: Kalatheme

• Twitter Bootstrap

• Bootstrap importer and subtheme generator

• Panels instead of blocks

• Responsive

• Pane and region style plugins

• Responsive tools

• LESS / SASS


Demo


• Views module and obvious dependencies

• Views Content Panes

• Views Autocomplete Filters

Prep: Views


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


Prep: Custom Module - Architecture


Prep: Custom Module - install

Basically, Set the weight of this module higher than Panopoly Magic module


Prep: Custom Module - hook_entity_info_alter()


Prep: Custom Module - hook_preprocess_node()


Prep: Custom Module - hook_theme_registry_alter()


Prep: Custom Module - hook_form_alter()’s


Prep: Custom Module - Node Templates


Pickup: Set Pane and Region Styles


Pickup: Create Content Pane Views


Pickup: Panelizer Allowed Content Settings


Pickup: Panelizer Default Panel Settings


Pickup: Get Crazy! ;-)


Pickup: Panopoly’s “Magical” Widgets


Goals Achieved?

• Flexibility

• Freedom under a benevolent dictator (developer)

• Content Structure vs. Decoration

• Configuration in code (Features friendly)


Thank You!

Carson Black

carsonblack

@carsonblack

www.carsonblack.com


a recipe for flexible editing with drupal, panels, kalatheme and panopoly

Technology