SlideShare a Scribd company logo
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
Ad

Recommended

PPTX
Display Suite: A Themers Perspective
Mediacurrent
 
KEY
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, V...
Mediacurrent
 
PDF
Using Core Themes in Drupal 8
Suzanne Dergacheva
 
ODP
Drupal distributions - how to build them
Dick Olsson
 
PPT
Creating Responsive Drupal Sites with Zen Grids and the Zen 5 Theme
Acquia
 
PDF
Creating Dynamic Landing Pages for Drupal with Panels - Webinar
Suzanne Dergacheva
 
PDF
Battle of the Front-End Frameworks: Bootstrap vs. Foundation
Rachel Cherry
 
PPTX
Drupal Camp Manila 2014 - Theming with Zen
Japo Domingo
 
PDF
Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Suzanne Dergacheva
 
PDF
Bootstrap Framework and Drupal
Jim Birch
 
PDF
DrupalCamp NYC Panels Presentation - April 2014
Suzanne Dergacheva
 
PDF
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012
Suzanne Dergacheva
 
PDF
Responsive Design in Drupal with Zen and Zen Grids
Suzanne Dergacheva
 
PDF
A Custom Drupal Theme in 40 Minutes
Snake Hill Web Agency
 
PDF
Drupal south 2014 - bootstrap vs foundation deathmatch - v.1.1
Vladimir Roudakov
 
KEY
Let's dig into the Omega Theme!
Mediacurrent
 
PDF
Bootstrap 3 Basic - Bangkok WordPress Meetup
Woratana Perth Ngarmtrakulchol
 
PPT
WordCamp Miami 09 - WP Framework
Ptah Dunbar
 
PDF
Drupal Site Building Checklist from DrupalCamp New Jersey
Suzanne Dergacheva
 
PDF
Intro to Drupal
mtlgirlgeeks
 
PDF
Foundation vs Bootstrap - CC FE & UX
JWORKS powered by Ordina
 
KEY
@wcmtl
Ptah Dunbar
 
PPTX
Build a WordPress theme from HTML5 template @ Telerik
Mario Peshev
 
PPT
Blogging for family historians
halsted1
 
PDF
Creating Layouts and Landing Pages for Drupal 8 - DrupalCon Dublin
Suzanne Dergacheva
 
PPTX
Drupalcampatl d7
Mediacurrent
 
PDF
Modern Front-End Development
mwrather
 
PPTX
Drupal For Dummies
Koen Delvaux
 
PPTX
Drupal slideshows dcct2012
Matthew Wetmore
 
PDF
Absolute Beginners Guide to Drupal
Rod Martin
 

More Related Content

What's hot (20)

PDF
Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Suzanne Dergacheva
 
PDF
Bootstrap Framework and Drupal
Jim Birch
 
PDF
DrupalCamp NYC Panels Presentation - April 2014
Suzanne Dergacheva
 
PDF
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012
Suzanne Dergacheva
 
PDF
Responsive Design in Drupal with Zen and Zen Grids
Suzanne Dergacheva
 
PDF
A Custom Drupal Theme in 40 Minutes
Snake Hill Web Agency
 
PDF
Drupal south 2014 - bootstrap vs foundation deathmatch - v.1.1
Vladimir Roudakov
 
KEY
Let's dig into the Omega Theme!
Mediacurrent
 
PDF
Bootstrap 3 Basic - Bangkok WordPress Meetup
Woratana Perth Ngarmtrakulchol
 
PPT
WordCamp Miami 09 - WP Framework
Ptah Dunbar
 
PDF
Drupal Site Building Checklist from DrupalCamp New Jersey
Suzanne Dergacheva
 
PDF
Intro to Drupal
mtlgirlgeeks
 
PDF
Foundation vs Bootstrap - CC FE & UX
JWORKS powered by Ordina
 
KEY
@wcmtl
Ptah Dunbar
 
PPTX
Build a WordPress theme from HTML5 template @ Telerik
Mario Peshev
 
PPT
Blogging for family historians
halsted1
 
PDF
Creating Layouts and Landing Pages for Drupal 8 - DrupalCon Dublin
Suzanne Dergacheva
 
PPTX
Drupalcampatl d7
Mediacurrent
 
PDF
Modern Front-End Development
mwrather
 
PPTX
Drupal For Dummies
Koen Delvaux
 
Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Suzanne Dergacheva
 
Bootstrap Framework and Drupal
Jim Birch
 
DrupalCamp NYC Panels Presentation - April 2014
Suzanne Dergacheva
 
Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012
Suzanne Dergacheva
 
Responsive Design in Drupal with Zen and Zen Grids
Suzanne Dergacheva
 
A Custom Drupal Theme in 40 Minutes
Snake Hill Web Agency
 
Drupal south 2014 - bootstrap vs foundation deathmatch - v.1.1
Vladimir Roudakov
 
Let's dig into the Omega Theme!
Mediacurrent
 
Bootstrap 3 Basic - Bangkok WordPress Meetup
Woratana Perth Ngarmtrakulchol
 
WordCamp Miami 09 - WP Framework
Ptah Dunbar
 
Drupal Site Building Checklist from DrupalCamp New Jersey
Suzanne Dergacheva
 
Intro to Drupal
mtlgirlgeeks
 
Foundation vs Bootstrap - CC FE & UX
JWORKS powered by Ordina
 
@wcmtl
Ptah Dunbar
 
Build a WordPress theme from HTML5 template @ Telerik
Mario Peshev
 
Blogging for family historians
halsted1
 
Creating Layouts and Landing Pages for Drupal 8 - DrupalCon Dublin
Suzanne Dergacheva
 
Drupalcampatl d7
Mediacurrent
 
Modern Front-End Development
mwrather
 
Drupal For Dummies
Koen Delvaux
 

Similar to Using Display Suite / Context to Build your Drupal Site (20)

PPTX
Drupal slideshows dcct2012
Matthew Wetmore
 
PDF
Absolute Beginners Guide to Drupal
Rod Martin
 
PDF
Drupal Content API - DCCT 2012
Matthew Wetmore
 
PDF
Webform 8.x 5.x - DrupalCon Baltimore
Jacob Rockowitz
 
PPTX
Building MuleSoft Applications with Google BigQuery Meetup 4
MannaAkpan
 
PDF
Drupaldelphia 2013 Presentation- Making Your Site more Friendly to Search Eng...
Anson Han
 
PPTX
Ahmadabad mule soft_meetup_6march2021_azure_CICD
Shekh Muenuddeen
 
PPTX
Change Notifications in Azure Event Hubs-April 2021
Microsoft 365 Developer
 
PPT
Drupal 6-performance-tips-slideshare
Trevor James
 
PPT
CComputinf jkuiguioggggggggggggiugooooooo.ppt
pankajrangaree2
 
PDF
Mule soft meetups-24012020
Pablo Bellissimo
 
PPTX
Cracow MuleSoft Meetup #1
Wojtek Maciejczyk
 
PDF
Tools Of Engagement Presenting And Training In Social Media
Mark Moreno
 
PPT
Drupal 6 Performance Tips
Trevor James
 
PDF
Twin cities mulesoft meetup_june15th2021-merged
Raghavendra Jupally
 
PDF
Virtual Meetup: Mule 4 Error Handling and Logging
Jimmy Attia
 
PPTX
Manila MuleSoft Meetup - September 2018
Ryan Anthony Andal
 
PDF
USG Rock Eagle 2017 - PWP at 1000 Days
Eric Sembrat
 
PPTX
Get set.. Introduction to Windows Azure Development
Thomas Robbins
 
Drupal slideshows dcct2012
Matthew Wetmore
 
Absolute Beginners Guide to Drupal
Rod Martin
 
Drupal Content API - DCCT 2012
Matthew Wetmore
 
Webform 8.x 5.x - DrupalCon Baltimore
Jacob Rockowitz
 
Building MuleSoft Applications with Google BigQuery Meetup 4
MannaAkpan
 
Drupaldelphia 2013 Presentation- Making Your Site more Friendly to Search Eng...
Anson Han
 
Ahmadabad mule soft_meetup_6march2021_azure_CICD
Shekh Muenuddeen
 
Change Notifications in Azure Event Hubs-April 2021
Microsoft 365 Developer
 
Drupal 6-performance-tips-slideshare
Trevor James
 
CComputinf jkuiguioggggggggggggiugooooooo.ppt
pankajrangaree2
 
Mule soft meetups-24012020
Pablo Bellissimo
 
Cracow MuleSoft Meetup #1
Wojtek Maciejczyk
 
Tools Of Engagement Presenting And Training In Social Media
Mark Moreno
 
Drupal 6 Performance Tips
Trevor James
 
Twin cities mulesoft meetup_june15th2021-merged
Raghavendra Jupally
 
Virtual Meetup: Mule 4 Error Handling and Logging
Jimmy Attia
 
Manila MuleSoft Meetup - September 2018
Ryan Anthony Andal
 
USG Rock Eagle 2017 - PWP at 1000 Days
Eric Sembrat
 
Get set.. Introduction to Windows Azure Development
Thomas Robbins
 
Ad

Recently uploaded (20)

PDF
Agentic AI for Developers and Data Scientists Build an AI Agent in 10 Lines o...
All Things Open
 
PPTX
Securing Account Lifecycles in the Age of Deepfakes.pptx
FIDO Alliance
 
PPTX
UserCon Belgium: Honey, VMware increased my bill
stijn40
 
PDF
AI Agents and FME: A How-to Guide on Generating Synthetic Metadata
Safe Software
 
PDF
Enhance GitHub Copilot using MCP - Enterprise version.pdf
Nilesh Gule
 
PDF
Smarter Aviation Data Management: Lessons from Swedavia Airports and Sweco
Safe Software
 
PDF
“MPU+: A Transformative Solution for Next-Gen AI at the Edge,” a Presentation...
Edge AI and Vision Alliance
 
PDF
"Database isolation: how we deal with hundreds of direct connections to the d...
Fwdays
 
PPTX
Security Tips for Enterprise Azure Solutions
Michele Leroux Bustamante
 
PDF
AI vs Human Writing: Can You Tell the Difference?
Shashi Sathyanarayana, Ph.D
 
PDF
ReSTIR [DI]: Spatiotemporal reservoir resampling for real-time ray tracing ...
revolcs10
 
PDF
cnc-processing-centers-centateq-p-110-en.pdf
AmirStern2
 
PPTX
"How to survive Black Friday: preparing e-commerce for a peak season", Yurii ...
Fwdays
 
PDF
Mastering AI Workflows with FME by Mark Döring
Safe Software
 
PPTX
OpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC
 
PDF
"Scaling in space and time with Temporal", Andriy Lupa.pdf
Fwdays
 
PPTX
Curietech AI in action - Accelerate MuleSoft development
shyamraj55
 
PDF
Python Conference Singapore - 19 Jun 2025
ninefyi
 
PDF
From Manual to Auto Searching- FME in the Driver's Seat
Safe Software
 
PDF
Tech-ASan: Two-stage check for Address Sanitizer - Yixuan Cao.pdf
caoyixuan2019
 
Agentic AI for Developers and Data Scientists Build an AI Agent in 10 Lines o...
All Things Open
 
Securing Account Lifecycles in the Age of Deepfakes.pptx
FIDO Alliance
 
UserCon Belgium: Honey, VMware increased my bill
stijn40
 
AI Agents and FME: A How-to Guide on Generating Synthetic Metadata
Safe Software
 
Enhance GitHub Copilot using MCP - Enterprise version.pdf
Nilesh Gule
 
Smarter Aviation Data Management: Lessons from Swedavia Airports and Sweco
Safe Software
 
“MPU+: A Transformative Solution for Next-Gen AI at the Edge,” a Presentation...
Edge AI and Vision Alliance
 
"Database isolation: how we deal with hundreds of direct connections to the d...
Fwdays
 
Security Tips for Enterprise Azure Solutions
Michele Leroux Bustamante
 
AI vs Human Writing: Can You Tell the Difference?
Shashi Sathyanarayana, Ph.D
 
ReSTIR [DI]: Spatiotemporal reservoir resampling for real-time ray tracing ...
revolcs10
 
cnc-processing-centers-centateq-p-110-en.pdf
AmirStern2
 
"How to survive Black Friday: preparing e-commerce for a peak season", Yurii ...
Fwdays
 
Mastering AI Workflows with FME by Mark Döring
Safe Software
 
OpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC
 
"Scaling in space and time with Temporal", Andriy Lupa.pdf
Fwdays
 
Curietech AI in action - Accelerate MuleSoft development
shyamraj55
 
Python Conference Singapore - 19 Jun 2025
ninefyi
 
From Manual to Auto Searching- FME in the Driver's Seat
Safe Software
 
Tech-ASan: Two-stage check for Address Sanitizer - Yixuan Cao.pdf
caoyixuan2019
 
Ad

Using Display Suite / Context to Build your Drupal Site

  • 1. Using Display Suite and 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 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
  • 4. 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
  • 5. 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
  • 6. Display Suite: Demo 1 • Configuring View/Build Modes • Configuring Views to use View/Build Modes • Configuring Layouts – Layout types available Matthew Wetmore @mwetmore
  • 7. Display Suite: Demo 2 • Configuring Display Fields – Block Field – Dynamic Field – Custom Code Field Matthew Wetmore @mwetmore
  • 8. Display Suite: Demo 3 • Display Suite Extras! – Configuring Field Templates – Configuring Region to Block – Configuring View Mode per Node Matthew Wetmore @mwetmore
  • 9. 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
  • 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 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
  • 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?