Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Panels 3 for designers

on

  • 1,203 views

An introduction to Panels 3 for people who like crayons

An introduction to Panels 3 for people who like crayons

Statistics

Views

Total Views
1,203
Views on SlideShare
1,203
Embed Views
0

Actions

Likes
2
Downloads
16
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Show front pages + node views from u21denmark2011.com
  • Show different node views from u21 + differentcontexts
  • Point out regional menus from u21 + profilefaktaboksview + facility list from aakb.dk
  • To getthat out of the way. Quite an overlapbetweendrupalmodules
  • 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 templatesPanels allow you to easily export your setup and layouts to code and version control itAn 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:ProfileUse Panels pathArgument inputAllowsettings
  • Exporting and version controlling panelsBulkexporteror features
  • Show the files

Panels 3 for designers Panels 3 for designers Presentation Transcript

  • Panels for designers
    An introduction to Panels 3 for peoplewholikecrayons
  • You do realize, I’m just demoingsomemoduleanotherguy made?
  • The session
    What?
    Why?
    Basicsetup?
    + Views
    Workflows & version control
    Custom layouts
  • Jesper Wøldiche
    Designer
    Journalist
    Architect
    Markup Marine
    Danish
    UsingDrupalsince 2008
  • You?
  • CAVEAT
    A word of caution
  • Earl Miles
    Creator of Panels
  • The real Earl Miles
    (whencoding)
  • Me
    (whilecoding)
  • The workings of Panels
    As I understand it
  • Config
    Black Magic
    Output
  • WHAT
    Features of Panels
  • $content
  • Different layouts and content
    A way of serving different layouts and content based on different criteria.
  • A way of controlling displays
    Yes, youcan do thatwithnode-type.tpl.php and template.phptoo…
  • Makingcontentaware
    A way of making content aware of context
  • WHY
    Why?
    Reasons to use Panels
  • One of severaloptions
  • Reasons to go with Panels
    Easyway to theme nodes
    Conditional layouts and content
    Combiningcomponents
    Easyexport and version control
    Contextawarecontent
    Easydeployment
  • SETUP
    Installing panels
  • Packages
    Panels 3.x
    Ctools
  • Extras
    Views (2)
    CCK
    SemanticViews
    SemanticCCK
    Menu Block
    ImageCache etc.
  • Getting set up
  • Built in & custom panels
  • VIEWS & PANELS
    Best friendsforever
    ViewsContentPanes
  • WORKFLOWS
    Exporting Panels
  • CUSTOM LAYOUTS
    Creating layouts
  • Adding layouts
    sites/all/modules/panels/plugins/layouts/
    sites/all/themes/your-theme/layouts/
  • Anatomy of a custom layout
  • my_awesome_layout.inc
    my-awesome-layout.tpl.php
    my_awesome_layout.css
    my_awesome_layout.png
  • What’s in a name?
    Don’tscare Panels
  • STYLE
    A fewwordsonstyling
  • my_awesome_layout.css
    #panels-dnd-main
  • Selectorson pages / variants
    Classes and IDs for pages
  • Selectorsoncontent
    Classes and IDs for panes
  • Goodo’le CCK and Views
  • Ortake the easyway out
    SemanticViews and Semantic CCK
  • QUESTIONS
    Questions?