practical panels

27
Practical Panels Mike Keran and Jared Stoneberg

Upload: jared-stoneberg

Post on 08-May-2015

509 views

Category:

Technology


0 download

DESCRIPTION

As developers and site builders who spend their days building with Drupal Jared Stoneberg and Mike Keran want to share how the Panels tool chain makes every day working with Drupal better. We will spend this session explaining how we use Panels and the associated tools to build better websites. We will focus on explaining the tools we like to use and how to use them. If you have never tried using the Panels approach to building a Drupal site and attend our session you will leave with a good idea of how to dive in and try it out. This session will be geared towards intermediate site builders and developers but we will spend a small amount of time looking at some of the more advanced developer tools in the packages.

TRANSCRIPT

Page 1: Practical Panels

Practical PanelsMike Keran and Jared Stoneberg

Page 2: Practical Panels

Who We Are

Mike Keran

Freelance Drupal developer, sitebuilder and reluctant themer

drupal.org: mikekerweb: www.MikeKeran.com

twitter: @mikekeran <crickets chirping>

Page 3: Practical Panels

Who We Are

Jared Stoneberg

Partner, Number 10 Web Company

drupal.org: rocksoupweb: www.number10webcompany.com

twitter: @rock_soup

Page 4: Practical Panels

● The smartest people in the room

● The world’s greatest panels experts

● The only people who have tried to solve these problems

● The only people you should hear from

Who We Aren’t

Page 5: Practical Panels

What We are Going to Talk About

● General Concepts - Variants, Selection Rules, Contexts

● Mini Panels

● Custom Content Panes

● Views Panes

● Panels Extensions we love: Fieldable Panels Panes, FAPE, Custom Panels Layouts

Page 6: Practical Panels

What we won’t be talking about

● Comparisons with other systems

● Moving quickly through the beginner stuff so we have time for the intermediate and advanced

● “Best” practices… because these are “our” practices

Page 7: Practical Panels

General Concepts

● This is a CTools system; its cousin is Views

● Panels replaces Drupal core’s block module

● Provides an easy to use layout builder

● Pluggable! Use custom code to make your own layouts, contexts, selection criteria, etc.

Page 8: Practical Panels

Just a few terms...

Page 9: Practical Panels
Page 10: Practical Panels
Page 11: Practical Panels
Page 12: Practical Panels
Page 13: Practical Panels
Page 14: Practical Panels
Page 15: Practical Panels

Adding content

Page 16: Practical Panels

Extending Panels

Page 17: Practical Panels

Mini Panels

● Despite the different UI, it’s just a panel…

● … that you can put into another panel’s panes

● Perfect for headers/footers/sidebars

● Can receive context from Panel

Page 18: Practical Panels

Views Panes

● Adds a new display plugin to Views

● Override common settings on a pane-by-pane basis

● Panel context can be passed as a contextual filter

Page 19: Practical Panels

Custom Content Panes

● Easily insert custom content in a pane

● Limitations:

○ Content is saved with panel config

○ Can be difficult to restrict access

○ Can’t reuse panes

○ Hard to undo changes

Page 20: Practical Panels

Fieldable Panels Panes (FPP)

● Fieldable: Brings the FieldAPI to a custom content pane

○ (Along with all that is good about the FieldAPI: display settings, revisions, widgets)

● Only the config gets stored in code; content remains in the database

● Pane content is (optionally) reusable

● But it also has some limitations...

Page 21: Practical Panels

Custom Panels Layouts

Page 22: Practical Panels

Field API Pane Editor (FAPE)

Page 23: Practical Panels

Panels Extra Styles

Page 24: Practical Panels

Panels Existing Pages

● Page Manager runs into problems when you try to use it with paths that are already “owned” by someone else, like Core or Commerce

● PM Existing Pages allows you to wrestle those paths back

Page 25: Practical Panels

Exportables, Features and UUIDs

https://drupal.org/node/1277908

Page 26: Practical Panels

Democopy of demo site at

github.com/rocksoup/panelsdemo

Page 27: Practical Panels

Questions?