Using Display Suite and Context to build your Drupal Site

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

January 19, 2013

Matthew Wetmore@mwetmore

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