Download - Paraphrasing Panels, Panelizer and Panopoly
![Page 1: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/1.jpg)
Paraphrasing Panels, Panelizer and PanopolyKeenan HollowayDeveloperForum One
Saturday, July 27, 13
![Page 2: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/2.jpg)
PanelsThe Foundation
Saturday, July 27, 13
![Page 3: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/3.jpg)
PanelsA standard way of customizing page displays
Saturday, July 27, 13
![Page 4: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/4.jpg)
Panels: Install and EnableInstall CTools and Panels
Module/Sub-‐Module Enable:
CTools: Page Manager
Panels: Panels, Panels In-‐Place Editor (op9onal)
AddiAonal SeBngs
Enable “node_view” Node template (Structure-‐>Pages) if you plan to override content type displays
Saturday, July 27, 13
![Page 5: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/5.jpg)
PanelsCreating a Panel Page
Saturday, July 27, 13
![Page 6: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/6.jpg)
Panels: Overall StepsCreate a new Panel page
Specify what the page is (new page, overriding exisAng page, etc)
Specify a selecAon rule if needed (if more than one variaAon “variant” will exist or other)
Specify page layout for the Panel page
Add content to the Panel page using the selected layout
Saturday, July 27, 13
![Page 7: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/7.jpg)
Panels: PagesPanels can override the display of:Comment reply page, Node add/edit form, Node template, Node and user search, Taxonomy term template, User edit template, User profile template and Custom pages
Saturday, July 27, 13
![Page 8: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/8.jpg)
Panels: ContentA Panels page consists of content from various sources that is exposed as a “Pane” and placed in a region on the page.
Saturday, July 27, 13
![Page 9: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/9.jpg)
Panels: Panes/Categories
Saturday, July 27, 13
![Page 10: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/10.jpg)
Panels: PanesViews content panes
Allows Views content to be used in Panels(sub module of CTools)
Fieldable panels panes
Separate module that allows you create panel pane en99es that may be used in Panels that are fieldable
Can be created through Panels UI or code
Saturday, July 27, 13
![Page 11: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/11.jpg)
Panels: In-Place Editor
In-place editor
How to enable it
Strengths and weaknesses
Saturday, July 27, 13
![Page 12: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/12.jpg)
Out the box (seen above)
Flexible Builders layout (Not really used because it lives in configuraAon and is markup heavy)
Custom responsive layouts
Panels: Layouts
Saturday, July 27, 13
![Page 13: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/13.jpg)
Panels: Layouts: Custom
Talk about layouts out the box as well as custom responsive layouts. Show code of custom layout?
The following files are needed:
Template file (contains template HTML for the layout)
INC file (contains Panel informa9on and configura9on)
CSS file (op9onal and contains CSS for the layout)
Icon file (PNG image icon representa9on of the layout)
You can use a preprocess hook to make your layout smarter (responsive to content).
Saturday, July 27, 13
![Page 14: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/14.jpg)
Panels: Panel Page
Saturday, July 27, 13
![Page 15: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/15.jpg)
Panels: VariantsConsider Variants as “if” statements for Panel pages
They are used typically with selecAon rules
They read as “if selecAon rule true, use this Panel variant” from top to boTom
Gives you the ability to have one Panel provide variaAon to a page based on your logic (node display by node type for example)
Saturday, July 27, 13
![Page 16: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/16.jpg)
Panels: ContextContext are are things the Panel is aware of
Saturday, July 27, 13
![Page 17: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/17.jpg)
PanelsStrengths and Weaknesses
Note: These cascade
Saturday, July 27, 13
![Page 18: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/18.jpg)
Panels: StrengthsPanels are exportable using things like Features, Hooks and ConfiguraAon module
Very stable
Many contribuAng modules
Great permissions seBngs
Popular
Great in responsive design sites
Saturday, July 27, 13
![Page 19: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/19.jpg)
Panels: WeaknessesUser interface can be challenging and isn’t very 508 compliant
Advanced layouts sAll require you to fall back to code to create
PotenAal conflicts can arise when used with other modules that override displays like Display Suite
Content in configuraAon issues can arise since panes are exportable configuraAon that contain content
Saturday, July 27, 13
![Page 20: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/20.jpg)
PanelizerPanels + Settings Applied Per Node
Saturday, July 27, 13
![Page 21: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/21.jpg)
PanelizerA way to customize the display of one node without effecAng others
Takes panels (stuff) and applies it to nodes
(This can be done with Panels alone but gets unmanageable having many variants)
Saturday, July 27, 13
![Page 22: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/22.jpg)
Panelizer: Entity Display
Saturday, July 27, 13
![Page 23: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/23.jpg)
Panelizer: Display Override
Saturday, July 27, 13
![Page 24: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/24.jpg)
Panelizer: Display OverrideThis node VS default node template
Saturday, July 27, 13
![Page 25: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/25.jpg)
PanelizerStrengths and Weaknesses
Saturday, July 27, 13
![Page 26: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/26.jpg)
Panelizer: StrengthsWorks on any enAty (as of Version 2)
Create mulAple defaults
Customize view modes
Allowed configuraAon can be managed
Saturday, July 27, 13
![Page 27: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/27.jpg)
Panelizer: WeaknessesCould be too much freedom if not locked down correctly
Available opAons could be abused in the hands of users who are not informed in opAmized user experience
Saturday, July 27, 13
![Page 28: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/28.jpg)
PanopolyPanels + Panelizer + Drupal Distribution
Saturday, July 27, 13
![Page 29: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/29.jpg)
PanopolyPanopoly is an Apps enabled distribuAon of Drupal powered by lots of Chaos Tools and Panels magic
Customized site integraAon with Panelizer and Panels
Takes most of the configuraAon and seBngs of Panelizer/Panels out your way for a simpler user experience
Similar funcAonality, beTer presentaAon (UI)
Saturday, July 27, 13
![Page 30: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/30.jpg)
Panopoly: InstallStandard Drupal install procedure
Panopoly Demo and News Apps can be skipped
Responsive BarAk theme is nice
Saturday, July 27, 13
![Page 31: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/31.jpg)
Panopoly: IPE
Saturday, July 27, 13
![Page 32: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/32.jpg)
Panopoly: Layouts
Saturday, July 27, 13
![Page 33: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/33.jpg)
Panopoly: ContentCore panels/panelizer content is hidden in place of custom “Panelizer content” items
Saturday, July 27, 13
![Page 34: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/34.jpg)
PanopolyStrengths and Weaknesses
Saturday, July 27, 13
![Page 35: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/35.jpg)
Panopoly: StrengthsProvides a best pracAce default stack of modules (removes the pains of module selecAon)
Provides many responsive cross browser layouts as well as responsive images funcAonality
Improved search with Search API (with DB or Solr search)
Many other nice to haves like WYSIWYG editor, Admin interface and others
Easily add custom Pane enAAes (like files, videos, links, spotlight, GMap, etc)
Saturday, July 27, 13
![Page 36: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/36.jpg)
Panopoly: WeaknessesLike many distribuAon there are a lot of things you’ll want to turn off to make it yours (Modules, Workflow, Content, Etc.)
I personally prefer not using distribuAons (could be PTSD)
Saturday, July 27, 13
![Page 37: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/37.jpg)
OverallTips and Best Practices
Saturday, July 27, 13
![Page 38: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/38.jpg)
Tips and Best PracticesSome views configuraAon (item number, filters, sorAng, fields, etc) can be exposed to the panel pane seBngs and customized in the Panel config. Grant access in views with “Allow seBngs”.
With Views you can pass arguments from the Panel page to the view with “Use Panel path” and “Argument input” seBngs in Views. This is great for passing context to the View.
Select “Disable Drupal blocks/regions” to let the Panel take over the full content area of the page.
Saturday, July 27, 13
![Page 39: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/39.jpg)
Tips and Best PracticesTry not to mix content with configuraAon. Use rendered content as opposed to fields and use fieldable content panes as opposed to custom content panes.
Panels Extra Styles is a great module for controlling HTML/Style output of Panels/Panes: drupal.org/project/panels_extra_styles
Saturday, July 27, 13
![Page 40: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/40.jpg)
Resources & ThanksEarl Miles aka "merlinofchoas"
Forum One TeamMatt Cheney: Panopoly: Building a Powerful Base Distribution
Damien McKenna: Panelizer and DrupalJeff Eaton: Module Monday: Panelizer
Karen McGrane: Drupalcon Portland Keynote
Saturday, July 27, 13
![Page 41: Paraphrasing Panels, Panelizer and Panopoly](https://reader034.vdocuments.mx/reader034/viewer/2022042814/554ab726b4c905e4668b58fd/html5/thumbnails/41.jpg)
Questions?Slides: capitalcamp.org/content/paraphrasing-panels-panelizer-and-panopoly
Contact: Keenan Holloway [email protected]
Saturday, July 27, 13