Using Display Suite and Context to
             build your Drupal Site

          Files/Slides/Exports: http://wetmo.re/dcwma-mww

                         January 19, 2013




Matthew Wetmore
@mwetmore
About Me

 • Matt Wetmore
     – Mattwetmore.com
     – Currently work at ING U.S. in Windsor, CT
     – Using Drupal for 3 years
     – Twitter: @mwetmore
     – Central CT Drupal Meetup Organizer




Matthew Wetmore
@mwetmore
What are we going to cover?

 • Display Suite
     – View Modes, Layouts, Fields, DS Extras, Using Views with
       Display Suite.
     – Will demo everything we have time for.
 • Context
     – Conditions / Reactions
        • Path, Taxonomy, Type, View / Block, Menu, Theme
     – Context Plugins (List)
        • Additional Modules to Extend Context
     – New Google Analytics Context Condition


Matthew Wetmore
@mwetmore
What is Display Suite?

 • Display Suite allows you to position how your fields are
   displayed on nodes, views, forms, etc. This can be done
   without having to modify tons of template files.
 • There are stable versions of Display Suite for Drupal 6&7
 • Going to show some different examples then what is
   presented in the Drupalize.me Display Suite videos. But
   those videos are great for future training/info:
   http://drupalize.me/series/display-suite-drupal-7
 • Display Suite settings can be exported/imported


Matthew Wetmore
@mwetmore
But what about Panels?

 • There are tons of ways to build a Drupal site,
   DS/Context is just one of those ways.
 • You can also use Panels with Display Suite and
   even Context, be sure to watch this excellent
   presentation from MediaCurrent on the topic:

 http://www.mediacurrent.com/blog/webinar-
 drupal-modules-display-suite-context-views-panels

Matthew Wetmore
@mwetmore
Display Suite: Demo 1

 • Configuring View/Build Modes
 • Configuring Views to use View/Build Modes
 • Configuring Layouts
     – Layout types available




Matthew Wetmore
@mwetmore
Display Suite: Demo 2

 • Configuring Display Fields
     – Block Field
     – Dynamic Field
     – Custom Code Field




Matthew Wetmore
@mwetmore
Display Suite: Demo 3

 • Display Suite Extras!
     – Configuring Field Templates
     – Configuring Region to Block
     – Configuring View Mode per Node




Matthew Wetmore
@mwetmore
What is the Context module?

 • Context Module != Panels Context
 • Context allows you to define specific conditions
   and your site can react to those conditions.
 • Context has a stable D6 version and a Beta D7
   Version




Matthew Wetmore
@mwetmore
Context Module - Conditions

 • Conditions available by Default:
     – Context, Menu, Node Type, Taxonomy, Path, User
       Role, User Page, Views.
     – Different conditions allow you to use wildcards and ~
       to exclude items.
     – Writing Condition Plugins:
        • http://wetmo.re/Y5Uv4r
        • http://wetmo.re/WGUwFo



Matthew Wetmore
@mwetmore
Context Module - Reactions

 • Reactions available by Default:
     – Blocks, Breadcrumbs, Menu, Theme
 • Demo of using Conditions and Reactions




Matthew Wetmore
@mwetmore
Context Module – Additional Modules

 • Modules are available to extend context.
 • Some of them are:
     – Context Keywords
     – Context Menu Block
     – Context HTTP Headers
     – Content GeoIP
     – Domain Context



Matthew Wetmore
@mwetmore
Context Module – Context_GA

 • New Drupal Context Plugin : context_ga
 • Extends Google Analytics Tokenizer to provide
   conditions for GA cookie values.
     – Needs Context, Token, GA Tokenizer, GA
 • Create conditions by Source, Campaign, Medium,
   Content, Term, # Times Visited
 • Code available on github (GitHub URL)
 • Quick Demo

Matthew Wetmore
@mwetmore
Central CT Drupal Meetup

                    • ctdrupal.com
                    • The Central CT Drupal Meetup
                      meets the 3rd Tuesday every
                      month, 7pm-9pm
                    • Location: New Horizons
                      Training Center, Bloomfield, CT
                    • Future Free Training Saturdays
                      being planned.


Matthew Wetmore
@mwetmore
Resources

 • Slides/Files/Info
     – http://wetmo.re/dcwma-mww
 • Display Suite on Drupalize.me
     – http://bitly.com/bundles/mwetmore/3
 • Context
     – http://bitly.com/bundles/mwetmore/2




Matthew Wetmore
@mwetmore

Using Display Suite / Context to Build your Drupal Site

  • 1.
    Using Display Suiteand Context to build your Drupal Site Files/Slides/Exports: http://wetmo.re/dcwma-mww January 19, 2013 Matthew Wetmore @mwetmore
  • 2.
    About Me •Matt Wetmore – Mattwetmore.com – Currently work at ING U.S. in Windsor, CT – Using Drupal for 3 years – Twitter: @mwetmore – Central CT Drupal Meetup Organizer Matthew Wetmore @mwetmore
  • 3.
    What are wegoing to cover? • Display Suite – View Modes, Layouts, Fields, DS Extras, Using Views with Display Suite. – Will demo everything we have time for. • Context – Conditions / Reactions • Path, Taxonomy, Type, View / Block, Menu, Theme – Context Plugins (List) • Additional Modules to Extend Context – New Google Analytics Context Condition Matthew Wetmore @mwetmore
  • 4.
    What is DisplaySuite? • Display Suite allows you to position how your fields are displayed on nodes, views, forms, etc. This can be done without having to modify tons of template files. • There are stable versions of Display Suite for Drupal 6&7 • Going to show some different examples then what is presented in the Drupalize.me Display Suite videos. But those videos are great for future training/info: http://drupalize.me/series/display-suite-drupal-7 • Display Suite settings can be exported/imported Matthew Wetmore @mwetmore
  • 5.
    But what aboutPanels? • There are tons of ways to build a Drupal site, DS/Context is just one of those ways. • You can also use Panels with Display Suite and even Context, be sure to watch this excellent presentation from MediaCurrent on the topic: http://www.mediacurrent.com/blog/webinar- drupal-modules-display-suite-context-views-panels Matthew Wetmore @mwetmore
  • 6.
    Display Suite: Demo1 • Configuring View/Build Modes • Configuring Views to use View/Build Modes • Configuring Layouts – Layout types available Matthew Wetmore @mwetmore
  • 7.
    Display Suite: Demo2 • Configuring Display Fields – Block Field – Dynamic Field – Custom Code Field Matthew Wetmore @mwetmore
  • 8.
    Display Suite: Demo3 • Display Suite Extras! – Configuring Field Templates – Configuring Region to Block – Configuring View Mode per Node Matthew Wetmore @mwetmore
  • 9.
    What is theContext module? • Context Module != Panels Context • Context allows you to define specific conditions and your site can react to those conditions. • Context has a stable D6 version and a Beta D7 Version Matthew Wetmore @mwetmore
  • 10.
    Context Module -Conditions • Conditions available by Default: – Context, Menu, Node Type, Taxonomy, Path, User Role, User Page, Views. – Different conditions allow you to use wildcards and ~ to exclude items. – Writing Condition Plugins: • http://wetmo.re/Y5Uv4r • http://wetmo.re/WGUwFo Matthew Wetmore @mwetmore
  • 11.
    Context Module -Reactions • Reactions available by Default: – Blocks, Breadcrumbs, Menu, Theme • Demo of using Conditions and Reactions Matthew Wetmore @mwetmore
  • 12.
    Context Module –Additional Modules • Modules are available to extend context. • Some of them are: – Context Keywords – Context Menu Block – Context HTTP Headers – Content GeoIP – Domain Context Matthew Wetmore @mwetmore
  • 13.
    Context Module –Context_GA • New Drupal Context Plugin : context_ga • Extends Google Analytics Tokenizer to provide conditions for GA cookie values. – Needs Context, Token, GA Tokenizer, GA • Create conditions by Source, Campaign, Medium, Content, Term, # Times Visited • Code available on github (GitHub URL) • Quick Demo Matthew Wetmore @mwetmore
  • 14.
    Central CT DrupalMeetup • ctdrupal.com • The Central CT Drupal Meetup meets the 3rd Tuesday every month, 7pm-9pm • Location: New Horizons Training Center, Bloomfield, CT • Future Free Training Saturdays being planned. Matthew Wetmore @mwetmore
  • 15.
    Resources • Slides/Files/Info – http://wetmo.re/dcwma-mww • Display Suite on Drupalize.me – http://bitly.com/bundles/mwetmore/3 • Context – http://bitly.com/bundles/mwetmore/2 Matthew Wetmore @mwetmore

Editor's Notes

  • #2 How many Site Builders?How many Developers?How many people have used Display Suite?How many people have used Context?How many people have used Panels?How many people have used Views?