• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Visualizing Content with Display Suite
 

Visualizing Content with Display Suite

on

  • 3,289 views

Slides from a talk I gave for the Singaporean Drupal user group. (1st march 2011)

Slides from a talk I gave for the Singaporean Drupal user group. (1st march 2011)

Statistics

Views

Total Views
3,289
Views on SlideShare
3,289
Embed Views
0

Actions

Likes
2
Downloads
20
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

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

    Visualizing Content with Display Suite Visualizing Content with Display Suite Presentation Transcript

    • Content visualization with Display Suite Drupal Meetup Singapore 1 st March 2011
    • O hi!
      • Matthias Vandermaesen
      • Drupal Ninja from Belgium
      • @netsensei
    • Wordpress
    • Krimson http://www.krimson.be
    • Krimson
    • Mollom Http://www.mollom.com
    • Pandion Http://pandion.im
    • Teach you how to control Drupal's output of content in a fast, easy and efficient way. Subject of the day
    • The problem Let's take a look at an example...
    • The problem
    • The problem
      • Modern websites have/are...
        • Complex layouts
          • Stacked, columns, column spanning,...
          • Grid systems
        • Various layouts
          • Content detail pages, overview pages, landing pages, Frontpage,...
        • Dynamic
          • Elements are removed or added dynamically
          • Path, logged in, session,...
    • The problem Where do I show stuff on my site? When does it have to be shown? How will it be shown? Who can see stuff on my site? ...
    • Two core concepts
      • Two important concepts:
        • Context
          • When will/should content be shown?
          • If vars A, B, C then show elements 1, 2, 3
        • Layout
          • Where will/should content be shown?
      • Where on your site =/= where in your layout
        • Where on your site refers to a context
    • Our challenge Our challenge Translate a static design, wireframes, requirements into a fully fledged Drupal based website
    • Two core concepts Today I'm only going to talk about controlling 'where' content gets placed in your layout
    • Drupals' limitations
    • Limitations
      • Limitation #1: Controlling how objects get displayed
        • Limited number of build modes
        • Hard to order fields within a build mode
          • Frontend <> Backend
          • Clunky interface
        • Hard to add extra content in a build mode
        • Hard to order fields
        • Hard to position fields
    • Limitations
      • Limitation #2: Controlling Views
        • 2 row style plugins: Fields & Node
        • Fields hell
          • Order fields
          • Different Views displays ~ variations of content
        • Theming hell
          • “Views needs more <div>”
          • Template galore
    • Limitations
      • Limitation #3: Theming Layer
        • Template suggestions hell
          • Herding cats
          • node-...tpl.php, page-...tpl.php,...
        • Easy to mingle business / presentational logic
          • Clutter op you tpl's and template.php with extra PHP
          • Classic: “if path = x then show z”
        • Base themes (like Zen) don't always make it easier
    • Theming hell
    • Limitations
      • Limitation #5: no central command
        • ImageCache formatting
        • Views displays
        • CCK displays
        • Block management
        • Formatter settings
        • ...
    • The problem
      • Inefficient development
      • Not user friendly / flexible
        • Content editors might be deterred
      • Maintainability
        • Upgrade without breaking
        • Hard to debug
      • Security
        • PHP Filter: no-no!
    • The problem Drupal can do better!
    • Contrib to the rescue
    • Contrib to the rescue
      • Context
      • Display Suite
      • Panels
      • Spaces
      • Sections
      • Delta
    • Display Suite http://drupal.org/project/ds
    • Display Suite “ DS is an API that other modules can use to store and manipulate display data for objects (nodes, users, comments etc).”
    • Display Suite Demonstration
    • Display Suite
      • Define custom build modes per Drupal object
      • Define custom fields (with token support)
      • Define custom field groups
      • Support for formatters
      • Plugins alter build modes @ runtime
      • It's an API : DS itself doesn't do anything
    • Display Suite + ...
      • ND, ND_contrib
        • Node display, CCK integration, Fivestar,...
      • VD :: Views display integration
      • CD :: Comments display integration
      • UD :: User display integration
      • ...
      • http://drupal.org/node/644662
      • In D7 => DS Extra's
    • Display Suite + ...
      • ND, ND_contrib
        • Node display, CCK integration, Fivestar,...
      • VD :: Views display integration
      • CD :: Comments display integration
      • UD :: User display integration
      • ...
      • http://drupal.org/node/644662
      • In D7 => DS Extra's
    • Display Suite
      • What is a build mode?
        • A display definition for an object (Teaser, Full node,...)
        • “How should it be displayed”
        • In D7: Build mode = View mode
      • Build mode ~ Layout
      • Layout: 5 regions :: header, footer, left, middle, right
        • Hold Object properties (CCK fields,...)
        • Hold DS Custom fields
        • Hold Blocks
    • Display Suite
      • Formatter support
        • Formats individual CCK fields
          • Defines “How will this field be displayed”
        • Custom formatters module
        • http://drupal.org/project/custom_formatters
          • Write your own formatters
        • ImageCache formatters
        • http://drupal.org/project/imagecache
          • Caches images / based on CCK ImageField
        • Integrates with CCK, DS, Views, Panels,...
    • Display Suite
      • Build modes
        • Take over the default build modes
        • Define your own custom build modes
      • Integrates with Views row styles
        • Views fields vs Node object
      • Comes with minimal CSS for DS regions
        • Easy positioning of regions so you don't have to
        • Consistent styling
    • Display Suite
      • DS manages the display of Drupal objects ...
        • Easy management at object level
        • Stylesheet delight
          • Few basic predefined styles (regions)
          • Completely overrideable
        • Template suggestions in your theme
          • Reduce overriden tpl's for extra classes,...
          • Unless you want to add extra variables
    • Display Suite
      • ... DS does not control your entire page layout
        • Panels + Panels Everywhere modules
      • ... DS is not context aware!
        • Context module + DS for node displays
        • Views integration
        • DS Plugins for @ runtime changes
        • Custom DS fields
    • Display Suite Questions? Matthias Vandermaesen @netsensei Http://www.krimson.be