SlideShare uma empresa Scribd logo
1 de 28
Site Building
With Display Suite

           By Jay Callicott
   Product Manager, Lead Architect



  DrupalCamp Atlanta 2012
Today’s Outline
• The Basics
• DS vs Panels
• DS Layouts (Stock & Custom)
• DS Adding Fields
• DS + Features
• DS + Views
• DS Search
• DS Forms
• DS Extras!
About Jay
• Lead Drupal Architect for Mediacurrent
• From Little Rock, AR
• OpenChurch maintainer
• Drupal developer & enthusiast since 4.6
• Twitter: @drupalninja
Display Suite ­ The Basics
This is body copy
Display Suite ­ The Basics
• Take full control over your content
• Arrange content without tpls
• Exportable!
• Change labels, add styles
• Views Integration
• Use the 2x branch!
Display Suite vs Panels
Display Suite Layouts

                QuickTime™ and a
            Animation decompressor
        are needed to see this picture.




                                          7
Display Suite
Custom Layouts
Custom Layouts
            QuickTime™ and a
        Animation decompressor
    are needed to see this picture.




                                      8
Display Suite
Custom Code Field
Custom Code Field
              QuickTime™ and a
          Animation decompressor
      are needed to see this picture.




                                        9
Display Suite
Custom Block Field
Custom Block Field
              QuickTime™ and a
          Animation decompressor
      are needed to see this picture.




                                        10
Display Suite
Custom Dynamic Field
Custom Dynamic Field
               QuickTime™ and a
           Animation decompressor
       are needed to see this picture.




                                         11
Display Suite
Custom Preprocess Field
Custom Preprocess Field
                 QuickTime™ and a
             Animation decompressor
         are needed to see this picture.




                                           12
Display Suite
Exporting to Features
Exporting to Features
                 QuickTime™ and a
             Animation decompressor
         are needed to see this picture.




                                           13
Display Suite & Views
• Use ‘Content’ row style or ‘Display Suite’
• Avoid field bloat
• Lessen the overhead of the initial database
query (less joins usually)
• Delegate theming to content type
Display Suite
Custom View Mode & Views
Custom View Mode & Views
                 QuickTime™ and a
             Animation decompressor
         are needed to see this picture.




                                           15
Display Suite Search

               QuickTime™ and a
           Animation decompressor
       are needed to see this picture.




                                         16
Display Suite Forms

              QuickTime™ and a
          Animation decompressor
      are needed to see this picture.




                                        17
Display Suite
Field Templates
Field Templates
            QuickTime™ and a
        Animation decompressor
    are needed to see this picture.




                                      18
Display Suite Extras (Others)




                                19
Display Suite
View Modes Per Node
View Modes Per Node
              QuickTime™ and a
          Animation decompressor
      are needed to see this picture.




                                        20
Display Suite
Hide Page Title
Hide Page Title
            QuickTime™ and a
        Animation decompressor
    are needed to see this picture.




                                      21
Display Suite
Disable Block Regions
Disable Block Regions
               QuickTime™ and a
           Animation decompressor
       are needed to see this picture.




                                         22
Display Suite
Field Permissions
Field Permissions
             QuickTime™ and a
         Animation decompressor
     are needed to see this picture.




                                       23
Display Suite
Region to Block
Region to Block
            QuickTime™ and a
        Animation decompressor
    are needed to see this picture.




                                      24
Display Suite
Views Displays
Views Displays
            QuickTime™ and a
        Animation decompressor
    are needed to see this picture.




                                      25
Display Suite
View Mode Switcher
View Mode Switcher
              QuickTime™ and a
          Animation decompressor
      are needed to see this picture.




                                        26
Display Suite
Hidden Region
Hidden Region




                27
The End!
• DS Project page:
http://drupal.org/node/1524800
• Changes in 2x
http://drupal.org/node/1524800
• DS maintainer’s video series
http://www.youtube.com/user/swentieman

                           @drupalninja

Mais conteúdo relacionado

Semelhante a DrupalCampAtlanta - Site Building With Display Suite

Inspire a shared vision
Inspire a shared visionInspire a shared vision
Inspire a shared visiondawsonjh
 
Inspire a shared vision
Inspire a shared visionInspire a shared vision
Inspire a shared visiondawsonjh
 
See4099 intern ppt presentation
See4099 intern ppt presentationSee4099 intern ppt presentation
See4099 intern ppt presentationJacqueline_Antovel
 
Producing Effective Screencasts
Producing Effective ScreencastsProducing Effective Screencasts
Producing Effective ScreencastsRichard Harrington
 
Guide To Continuous Deployment Containerization With Docker Complete Deck
Guide To Continuous Deployment Containerization With Docker Complete DeckGuide To Continuous Deployment Containerization With Docker Complete Deck
Guide To Continuous Deployment Containerization With Docker Complete DeckSlideTeam
 
PCA9 How can I be Strategic with all these Agilists
PCA9 How can I be Strategic with all these AgilistsPCA9 How can I be Strategic with all these Agilists
PCA9 How can I be Strategic with all these AgilistsJeff Brantley
 
STP204 Pinterest Pins AWS! Running Lean on AWS Once You've Made It - AWS re: ...
STP204 Pinterest Pins AWS! Running Lean on AWS Once You've Made It - AWS re: ...STP204 Pinterest Pins AWS! Running Lean on AWS Once You've Made It - AWS re: ...
STP204 Pinterest Pins AWS! Running Lean on AWS Once You've Made It - AWS re: ...Amazon Web Services
 
Free video editing software
Free video editing softwareFree video editing software
Free video editing softwareSmartPixel
 
Compressor 2 User Manual
Compressor 2 User ManualCompressor 2 User Manual
Compressor 2 User ManualVideoguy
 
[1C5]Lessons from developing a web browser for raspberry pi
[1C5]Lessons from developing a web browser for raspberry pi[1C5]Lessons from developing a web browser for raspberry pi
[1C5]Lessons from developing a web browser for raspberry piNAVER D2
 
Strange buildings
Strange buildingsStrange buildings
Strange buildingsDonnaDorie
 
Strange Buildings
Strange BuildingsStrange Buildings
Strange BuildingsDonnaDorie
 
Strange buildings
Strange buildingsStrange buildings
Strange buildingsDonnaDorie
 
Basic Machinima Making, Part 3
Basic Machinima Making, Part 3Basic Machinima Making, Part 3
Basic Machinima Making, Part 3Barbara McQueen
 
Quick time7 user_guide
Quick time7 user_guideQuick time7 user_guide
Quick time7 user_guideEster Yates
 

Semelhante a DrupalCampAtlanta - Site Building With Display Suite (20)

Inspire a shared vision
Inspire a shared visionInspire a shared vision
Inspire a shared vision
 
Inspire a shared vision
Inspire a shared visionInspire a shared vision
Inspire a shared vision
 
Pan y corazon
Pan y corazonPan y corazon
Pan y corazon
 
See4099 intern ppt presentation
See4099 intern ppt presentationSee4099 intern ppt presentation
See4099 intern ppt presentation
 
Producing Effective Screencasts
Producing Effective ScreencastsProducing Effective Screencasts
Producing Effective Screencasts
 
Guide To Continuous Deployment Containerization With Docker Complete Deck
Guide To Continuous Deployment Containerization With Docker Complete DeckGuide To Continuous Deployment Containerization With Docker Complete Deck
Guide To Continuous Deployment Containerization With Docker Complete Deck
 
PCA9 How can I be Strategic with all these Agilists
PCA9 How can I be Strategic with all these AgilistsPCA9 How can I be Strategic with all these Agilists
PCA9 How can I be Strategic with all these Agilists
 
STP204 Pinterest Pins AWS! Running Lean on AWS Once You've Made It - AWS re: ...
STP204 Pinterest Pins AWS! Running Lean on AWS Once You've Made It - AWS re: ...STP204 Pinterest Pins AWS! Running Lean on AWS Once You've Made It - AWS re: ...
STP204 Pinterest Pins AWS! Running Lean on AWS Once You've Made It - AWS re: ...
 
Avengers
AvengersAvengers
Avengers
 
Free video editing software
Free video editing softwareFree video editing software
Free video editing software
 
Compressor 2 User Manual
Compressor 2 User ManualCompressor 2 User Manual
Compressor 2 User Manual
 
Surveon IP Solution Overview
Surveon IP Solution OverviewSurveon IP Solution Overview
Surveon IP Solution Overview
 
[1C5]Lessons from developing a web browser for raspberry pi
[1C5]Lessons from developing a web browser for raspberry pi[1C5]Lessons from developing a web browser for raspberry pi
[1C5]Lessons from developing a web browser for raspberry pi
 
Strange buildings
Strange buildingsStrange buildings
Strange buildings
 
Strange Buildings
Strange BuildingsStrange Buildings
Strange Buildings
 
Strange buildings
Strange buildingsStrange buildings
Strange buildings
 
Camtasia studio 8.5_help
Camtasia studio 8.5_helpCamtasia studio 8.5_help
Camtasia studio 8.5_help
 
Basic Machinima Making, Part 3
Basic Machinima Making, Part 3Basic Machinima Making, Part 3
Basic Machinima Making, Part 3
 
Quick Time7 User Guide
Quick Time7 User GuideQuick Time7 User Guide
Quick Time7 User Guide
 
Quick time7 user_guide
Quick time7 user_guideQuick time7 user_guide
Quick time7 user_guide
 

Mais de Mediacurrent

Penn State News: Pivoting to Decoupled Drupal with Gatsby
Penn State News: Pivoting to Decoupled Drupal with GatsbyPenn State News: Pivoting to Decoupled Drupal with Gatsby
Penn State News: Pivoting to Decoupled Drupal with GatsbyMediacurrent
 
Evolving How We Measure Digital Success in Higher Ed
Evolving How We Measure Digital Success in Higher EdEvolving How We Measure Digital Success in Higher Ed
Evolving How We Measure Digital Success in Higher EdMediacurrent
 
Penn State scales static Drupal to new heights
Penn State scales static Drupal to new heightsPenn State scales static Drupal to new heights
Penn State scales static Drupal to new heightsMediacurrent
 
Delivering Meaningful Digital Experiences in Higher Ed
Delivering Meaningful Digital Experiences in Higher EdDelivering Meaningful Digital Experiences in Higher Ed
Delivering Meaningful Digital Experiences in Higher EdMediacurrent
 
Content Strategy: Building Connections with Your Audience
Content Strategy: Building Connections with Your AudienceContent Strategy: Building Connections with Your Audience
Content Strategy: Building Connections with Your AudienceMediacurrent
 
Decoupled Drupal and Gatsby in the Real World
Decoupled Drupal and Gatsby in the Real WorldDecoupled Drupal and Gatsby in the Real World
Decoupled Drupal and Gatsby in the Real WorldMediacurrent
 
A Better Way to Build and Manage Sites with Rain for Drupal 9
A Better Way to Build and Manage Sites with Rain for Drupal 9A Better Way to Build and Manage Sites with Rain for Drupal 9
A Better Way to Build and Manage Sites with Rain for Drupal 9Mediacurrent
 
Drupal Security: What You Need to Know
Drupal Security: What You Need to KnowDrupal Security: What You Need to Know
Drupal Security: What You Need to KnowMediacurrent
 
Leveraging Design Systems to Streamline Web Projects
Leveraging Design Systems to Streamline Web ProjectsLeveraging Design Systems to Streamline Web Projects
Leveraging Design Systems to Streamline Web ProjectsMediacurrent
 
Reimagining Your Higher Ed Web Strategy
Reimagining Your Higher Ed Web StrategyReimagining Your Higher Ed Web Strategy
Reimagining Your Higher Ed Web StrategyMediacurrent
 
How to Digitally Transform Higher Ed with Drupal
How to Digitally Transform Higher Ed with DrupalHow to Digitally Transform Higher Ed with Drupal
How to Digitally Transform Higher Ed with DrupalMediacurrent
 
Is my website accessible? Common mistakes (and how to fix them)
Is my website accessible? Common mistakes (and how to fix them)Is my website accessible? Common mistakes (and how to fix them)
Is my website accessible? Common mistakes (and how to fix them)Mediacurrent
 
Managing Images In Large Scale Drupal 8 & 9 Websites
Managing Images In Large Scale Drupal 8 & 9 WebsitesManaging Images In Large Scale Drupal 8 & 9 Websites
Managing Images In Large Scale Drupal 8 & 9 WebsitesMediacurrent
 
Paragraphs v Layout Builder - The Final Showdown
Paragraphs v Layout Builder - The Final ShowdownParagraphs v Layout Builder - The Final Showdown
Paragraphs v Layout Builder - The Final ShowdownMediacurrent
 
MagMutual.com: On the JAMStack with Gatsby and Drupal 8
 MagMutual.com: On the JAMStack with Gatsby and Drupal 8 MagMutual.com: On the JAMStack with Gatsby and Drupal 8
MagMutual.com: On the JAMStack with Gatsby and Drupal 8Mediacurrent
 
Creating an Organizational Culture of Giving Back to Drupal
Creating an Organizational Culture of Giving Back to DrupalCreating an Organizational Culture of Giving Back to Drupal
Creating an Organizational Culture of Giving Back to DrupalMediacurrent
 
Level Up Your Team: Front-End Development Best Practices
Level Up Your Team: Front-End Development Best PracticesLevel Up Your Team: Front-End Development Best Practices
Level Up Your Team: Front-End Development Best PracticesMediacurrent
 
Best Practices for Moving to Drupal 9
Best Practices for Moving to Drupal 9Best Practices for Moving to Drupal 9
Best Practices for Moving to Drupal 9Mediacurrent
 
How to Prove Marketing ROI: Overcoming Digital Marketing Challenges
How to Prove Marketing ROI: Overcoming Digital Marketing ChallengesHow to Prove Marketing ROI: Overcoming Digital Marketing Challenges
How to Prove Marketing ROI: Overcoming Digital Marketing ChallengesMediacurrent
 
Prepare Your Drupal 9 Action Plan
Prepare Your Drupal 9 Action Plan Prepare Your Drupal 9 Action Plan
Prepare Your Drupal 9 Action Plan Mediacurrent
 

Mais de Mediacurrent (20)

Penn State News: Pivoting to Decoupled Drupal with Gatsby
Penn State News: Pivoting to Decoupled Drupal with GatsbyPenn State News: Pivoting to Decoupled Drupal with Gatsby
Penn State News: Pivoting to Decoupled Drupal with Gatsby
 
Evolving How We Measure Digital Success in Higher Ed
Evolving How We Measure Digital Success in Higher EdEvolving How We Measure Digital Success in Higher Ed
Evolving How We Measure Digital Success in Higher Ed
 
Penn State scales static Drupal to new heights
Penn State scales static Drupal to new heightsPenn State scales static Drupal to new heights
Penn State scales static Drupal to new heights
 
Delivering Meaningful Digital Experiences in Higher Ed
Delivering Meaningful Digital Experiences in Higher EdDelivering Meaningful Digital Experiences in Higher Ed
Delivering Meaningful Digital Experiences in Higher Ed
 
Content Strategy: Building Connections with Your Audience
Content Strategy: Building Connections with Your AudienceContent Strategy: Building Connections with Your Audience
Content Strategy: Building Connections with Your Audience
 
Decoupled Drupal and Gatsby in the Real World
Decoupled Drupal and Gatsby in the Real WorldDecoupled Drupal and Gatsby in the Real World
Decoupled Drupal and Gatsby in the Real World
 
A Better Way to Build and Manage Sites with Rain for Drupal 9
A Better Way to Build and Manage Sites with Rain for Drupal 9A Better Way to Build and Manage Sites with Rain for Drupal 9
A Better Way to Build and Manage Sites with Rain for Drupal 9
 
Drupal Security: What You Need to Know
Drupal Security: What You Need to KnowDrupal Security: What You Need to Know
Drupal Security: What You Need to Know
 
Leveraging Design Systems to Streamline Web Projects
Leveraging Design Systems to Streamline Web ProjectsLeveraging Design Systems to Streamline Web Projects
Leveraging Design Systems to Streamline Web Projects
 
Reimagining Your Higher Ed Web Strategy
Reimagining Your Higher Ed Web StrategyReimagining Your Higher Ed Web Strategy
Reimagining Your Higher Ed Web Strategy
 
How to Digitally Transform Higher Ed with Drupal
How to Digitally Transform Higher Ed with DrupalHow to Digitally Transform Higher Ed with Drupal
How to Digitally Transform Higher Ed with Drupal
 
Is my website accessible? Common mistakes (and how to fix them)
Is my website accessible? Common mistakes (and how to fix them)Is my website accessible? Common mistakes (and how to fix them)
Is my website accessible? Common mistakes (and how to fix them)
 
Managing Images In Large Scale Drupal 8 & 9 Websites
Managing Images In Large Scale Drupal 8 & 9 WebsitesManaging Images In Large Scale Drupal 8 & 9 Websites
Managing Images In Large Scale Drupal 8 & 9 Websites
 
Paragraphs v Layout Builder - The Final Showdown
Paragraphs v Layout Builder - The Final ShowdownParagraphs v Layout Builder - The Final Showdown
Paragraphs v Layout Builder - The Final Showdown
 
MagMutual.com: On the JAMStack with Gatsby and Drupal 8
 MagMutual.com: On the JAMStack with Gatsby and Drupal 8 MagMutual.com: On the JAMStack with Gatsby and Drupal 8
MagMutual.com: On the JAMStack with Gatsby and Drupal 8
 
Creating an Organizational Culture of Giving Back to Drupal
Creating an Organizational Culture of Giving Back to DrupalCreating an Organizational Culture of Giving Back to Drupal
Creating an Organizational Culture of Giving Back to Drupal
 
Level Up Your Team: Front-End Development Best Practices
Level Up Your Team: Front-End Development Best PracticesLevel Up Your Team: Front-End Development Best Practices
Level Up Your Team: Front-End Development Best Practices
 
Best Practices for Moving to Drupal 9
Best Practices for Moving to Drupal 9Best Practices for Moving to Drupal 9
Best Practices for Moving to Drupal 9
 
How to Prove Marketing ROI: Overcoming Digital Marketing Challenges
How to Prove Marketing ROI: Overcoming Digital Marketing ChallengesHow to Prove Marketing ROI: Overcoming Digital Marketing Challenges
How to Prove Marketing ROI: Overcoming Digital Marketing Challenges
 
Prepare Your Drupal 9 Action Plan
Prepare Your Drupal 9 Action Plan Prepare Your Drupal 9 Action Plan
Prepare Your Drupal 9 Action Plan
 

DrupalCampAtlanta - Site Building With Display Suite