Your SlideShare is downloading. ×
0
Learn Drupals Most Powerful Site-Building Modules: Display Suite,Context, Views, & Panels           By Jay Callicott      ...
Outline •   About Jay •   Why talk about DS, Context, Views & Panels? •   Breaking Down a Site Design •   Content vs. Page...
About Jay
About Jay•   Mediacurrent Lead    Architect
About Jay•   Mediacurrent Lead    Architect•   Drupal developer    since Drupal 4.6
About Jay•   Mediacurrent Lead    Architect•   Drupal developer    since Drupal 4.6•   OpenChurch    Distribution Maintainer
About Jay•   Mediacurrent Lead    Architect•   Drupal developer    since Drupal 4.6•   OpenChurch    Distribution Maintain...
Why talk about DS, Context, Views& Panels?
Why talk about DS, Context, Views& Panels? • Not a lot of presentations that cover using   these tools together
Why talk about DS, Context, Views& Panels? • Not a lot of presentations that cover using   these tools together • I like t...
Why talk about DS, Context, Views& Panels? • Not a lot of presentations that cover using   these tools together • I like t...
Why talk about DS, Context, Views& Panels? • Not a lot of presentations that cover using   these tools together • I like t...
Breaking Down a SiteDesign
Blocks
Blocks         Fields
Breaking Down a SiteDesign
Title  Body         Blocks
Content vs. Pages
Content vs. Pages• Let’s clarify terminology
Content vs. Pages• Let’s clarify terminology• Content uses a Drupal content structure like  a content type (also users, ta...
Content vs. Pages• Let’s clarify terminology• Content uses a Drupal content structure like  a content type (also users, ta...
Content vs. Pages• Let’s clarify terminology• Content uses a Drupal content structure like  a content type (also users, ta...
Content vs. Pages• Let’s clarify terminology• Content uses a Drupal content structure like  a content type (also users, ta...
Laying Out Blocks on a Page•   Block Admin Page•   The default Drupal    way to place blocks•   Can get....messy
Context
Set visibilityAdd blocks to regions
Drag and drop blocks        Modify your       context inline
Exportable!
Panels
Panels• Can create arbitrary layouts within the  content area of a page
Panels• Can create arbitrary layouts within the  content area of a page• Not limited to theme’s defined regions
Panels• Can create arbitrary layouts within the  content area of a page• Not limited to theme’s defined regions• Exportable!
Panels• Can create arbitrary layouts within the  content area of a page• Not limited to theme’s defined regions• Exportable...
Panels Example
Constructing Content in DrupalThe Basic Drupal Fields UI
The theme layer
Constructing Content in Drupal
Constructing Content in Drupal• Panels Node Template
Constructing Content in Drupal• Panels Node Template • Can also layout content
Constructing Content in Drupal• Panels Node Template • Can also layout content • Configurable arguments are great!
Constructing Content in Drupal• Panels Node Template • Can also layout content • Configurable arguments are great! • UI sti...
Panels Node Template
Panels Node Template
Constructing Content with Display Suite
Constructing Content with Display Suite•   My new favorite toy!
Constructing Content with Display Suite•   My new favorite toy!•   Extends Drupal UI
Constructing Content with Display Suite•   My new favorite toy!•   Extends Drupal UI•   More intuitive than Panels
Constructing Content with Display Suite•   My new favorite toy!•   Extends Drupal UI•   More intuitive than Panels•   Can ...
Constructing Content with Display Suite•   My new favorite toy!•   Extends Drupal UI•   More intuitive than Panels•   Can ...
Constructing Content with Display Suite•   My new favorite toy!•   Extends Drupal UI•   More intuitive than Panels•   Can ...
Constructing Content with Display Suite•   My new favorite toy!•   Extends Drupal UI•   More intuitive than Panels•   Can ...
Constructing Content with Display Suite•   My new favorite toy!•   Extends Drupal UI•   More intuitive than Panels•   Can ...
Constructing Content with Display Suite•   My new favorite toy!•   Extends Drupal UI•   More intuitive than Panels•   Can ...
Panels + DS
Create custom view   modes here
DS Select Layout
DS Custom Layout
Pulling Content
Pulling Content•   Views! Everyone’s    favorite UI tool
Pulling Content•   Views! Everyone’s    favorite UI tool•   Views are all over the    place!
Pulling Content•   Views! Everyone’s    favorite UI tool•   Views are all over the    place!•   What’s a good    strategy ...
Constructing Views
Constructing Views•   Important to Site    Building
Constructing Views•   Important to Site    Building•   Row style - Content    vs. Views
Constructing Views•   Important to Site    Building•   Row style - Content   Row Style    vs. Views
Constructing Views•   Important to Site    Building•   Row style - Content   Row Style    vs. Views    View Modes
Constructing Views
Constructing Views• In Drupal 6 I used fields exclusively
Constructing Views• In Drupal 6 I used fields exclusively• The problem...duplication
Constructing Views• In Drupal 6 I used fields exclusively• The problem...duplication • Multiple views with same ‘theme’ and...
Constructing Views• In Drupal 6 I used fields exclusively• The problem...duplication • Multiple views with same ‘theme’ and...
Constructing Views• In Drupal 6 I used fields exclusively• The problem...duplication • Multiple views with same ‘theme’ and...
Constructing Views
Constructing Views• In Drupal 7 I have gone back to  ‘Content’ (formerly node) style output
Constructing Views• In Drupal 7 I have gone back to  ‘Content’ (formerly node) style output• Delegate theming to the conte...
Constructing Views• In Drupal 7 I have gone back to  ‘Content’ (formerly node) style output• Delegate theming to the conte...
Constructing Views• In Drupal 7 I have gone back to  ‘Content’ (formerly node) style output• Delegate theming to the conte...
Constructing Views• In Drupal 7 I have gone back to  ‘Content’ (formerly node) style output• Delegate theming to the conte...
Constructing Views• In Drupal 7 I have gone back to  ‘Content’ (formerly node) style output• Delegate theming to the conte...
Constructing Views• In Drupal 7 I have gone back to  ‘Content’ (formerly node) style output• Delegate theming to the conte...
Display Suite + Views
Display Suite + Views•   Display Suite + Views, a match made in heaven
Display Suite + Views•   Display Suite + Views, a match made in heaven•   DS lets you create arbitrary view modes
Display Suite + Views•   Display Suite + Views, a match made in heaven•   DS lets you create arbitrary view modes•   Examp...
Display Suite + Views•   Display Suite + Views, a match made in heaven•   DS lets you create arbitrary view modes•   Examp...
Display Suite + Views•   Display Suite + Views, a match made in heaven•   DS lets you create arbitrary view modes•   Examp...
Display Suite + Views•   Display Suite + Views, a match made in heaven•   DS lets you create arbitrary view modes•   Examp...
Display Suite + Views•   Display Suite + Views, a match made in heaven•   DS lets you create arbitrary view modes•   Examp...
Display Suite + Views•   Display Suite + Views, a match made in heaven•   DS lets you create arbitrary view modes•   Examp...
Display Suite + Views
Display Suite + Views• In the view, select ‘Content’ row style  and use view-mode ‘Teaser’
Display Suite + Views• In the view, select ‘Content’ row style  and use view-mode ‘Teaser’                Select your view...
Display Suite + Views • In the view, select ‘Content’ row style   and use view-mode ‘Teaser’                  Select your ...
Display Suite + Views • In the view, select ‘Content’ row style   and use view-mode ‘Teaser’                 Select your v...
Putting it All Together
Putting it All Together• Display Suite is my go-to tool for  constructing content, both ‘Full Content’  pages and views co...
Putting it All Together• Display Suite is my go-to tool for  constructing content, both ‘Full Content’  pages and views co...
Putting it All Together• Display Suite is my go-to tool for  constructing content, both ‘Full Content’  pages and views co...
Putting it All Together• Display Suite is my go-to tool for  constructing content, both ‘Full Content’  pages and views co...
Use Cases• Let’s look at a couple real-world examples• We’ll compare tools we could use to build  these pages
Page Building Example
These could be your panel regions
Up here might be context or page.tpl.php    These could be your panel regions
Could be all context & theme regions
Content Page Example
Likely Context blocks
Could be a DS View pulling a custom view mode
Could be a DS View pulling a custom view modeAdditional Fields - could be Panel fields or DS
To Summarize...• Drupal offers very powerful UI tools for  constructing pages and content• You can build very robust sites...
That’s It! • Context - http://drupal.org/project/context • Panels - http://drupal.org/project/panels • Display Suite - htt...
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels
Upcoming SlideShare
Loading in...5
×

Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels

12,599

Published on

Jay Callicott from Mediacurrent walks through Drupal's most powerful site building modules at CapitalCamp 2012.

Published in: Technology
0 Comments
16 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
12,599
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
183
Comments
0
Likes
16
Embeds 0
No embeds

No notes for slide
  • \n
  • 1. Today I will attempt to give a good overview of how Context, Panels, Display Suite and Views work together on a site.\n2. I’ll talk pros and cons and about my strategy with using these tools\n3. I have lots of screenshots and examples to illustrate how to use these tools to construct a site\n
  • \n
  • \n
  • \n
  • \n
  • 1. Over 1 million downloads and yet a lot of people I talk to at these camps don’t use these tools regularly or don’t know a lot about them\n
  • 1. Over 1 million downloads and yet a lot of people I talk to at these camps don’t use these tools regularly or don’t know a lot about them\n
  • 1. Over 1 million downloads and yet a lot of people I talk to at these camps don’t use these tools regularly or don’t know a lot about them\n
  • 1. Over 1 million downloads and yet a lot of people I talk to at these camps don’t use these tools regularly or don’t know a lot about them\n
  • 1. One way to deconstruct a site design is to see blocks and fields\n2. A block can be just about anything, a blurb of information, a dynamic list, a menu, a field\n3. A field is pulling a specific piece of information from a piece of content \n\n
  • 1. One way to deconstruct a site design is to see blocks and fields\n2. A block can be just about anything, a blurb of information, a dynamic list, a menu, a field\n3. A field is pulling a specific piece of information from a piece of content \n\n
  • 1. One way to deconstruct a site design is to see blocks and fields\n2. A block can be just about anything, a blurb of information, a dynamic list, a menu, a field\n3. A field is pulling a specific piece of information from a piece of content \n\n
  • 1. One way to deconstruct a site design is to see blocks and fields\n2. A block can be just about anything, a blurb of information, a dynamic list, a menu, a field\n3. A field is pulling a specific piece of information from a piece of content \n\n
  • 1. Even if you have a simple page you might still think of it this way\n
  • 1. Even if you have a simple page you might still think of it this way\n
  • 1. We just talked about dividing a page design into blocks and fields. I also separate Content from Pages.\n
  • 1. We just talked about dividing a page design into blocks and fields. I also separate Content from Pages.\n
  • 1. We just talked about dividing a page design into blocks and fields. I also separate Content from Pages.\n
  • 1. We just talked about dividing a page design into blocks and fields. I also separate Content from Pages.\n
  • 1. We just talked about dividing a page design into blocks and fields. I also separate Content from Pages.\n
  • 1. Let’s talk tools!\n2. We’ll talk Pages first, what are our options for laying out blocks on a page?\n3. This is a Drupal 6 example of the Admin Block Page and an example of where it can get messy.\n
  • 1. Context in my view is a lot better for laying out blocks\n2. More of a learning curve perhaps, but can be more organized\n
  • 1. This is a OpenChurch ‘global’ context example illustrating how blocks are arranged into theme regions\n2. There are more options than just blocks\n
  • 1. The Admin module has a nice UI tool for modifying contexts inline\n2. And Contexts are exportable!\n
  • 1. I have given some presentations on Features several times and so a big emphasis for me is exportability\n
  • 1. Now Let’s talk Panels\n2. An aside, “Panels Everywhere” controls the whole page’s layout and is interesting although outside of the scope of this discussion.\n
  • 1. Now Let’s talk Panels\n2. An aside, “Panels Everywhere” controls the whole page’s layout and is interesting although outside of the scope of this discussion.\n
  • 1. Now Let’s talk Panels\n2. An aside, “Panels Everywhere” controls the whole page’s layout and is interesting although outside of the scope of this discussion.\n
  • 1. Now Let’s talk Panels\n2. An aside, “Panels Everywhere” controls the whole page’s layout and is interesting although outside of the scope of this discussion.\n
  • 1. Panels does have a nicer inline editing option called IPE which is illustrated here on the homepage\n
  • 1. Panels does have a nicer inline editing option called IPE which is illustrated here on the homepage\n
  • 1. Now let’s talk tools to build content\n2. Can arrange fields just using the Drupal UI and you have some flexibility\n3. This is exportable to Features\n
  • 1. You can also use your theme to customize content\n2. Can have more control\n3. You have configuration store in code, version control, etc.\n4. This is pretty straight forward until you have to do ‘dynamic’ things, then things can get hairy\n
  • 1. Now let’s look at how Panels can be used for building content pages\n2. When I figured out Panels node template I stopped using the theme layer at all for nodes or user customizations\n3. Not going to cover Panelizer\n
  • 1. Now let’s look at how Panels can be used for building content pages\n2. When I figured out Panels node template I stopped using the theme layer at all for nodes or user customizations\n3. Not going to cover Panelizer\n
  • 1. Now let’s look at how Panels can be used for building content pages\n2. When I figured out Panels node template I stopped using the theme layer at all for nodes or user customizations\n3. Not going to cover Panelizer\n
  • 1. Now let’s look at how Panels can be used for building content pages\n2. When I figured out Panels node template I stopped using the theme layer at all for nodes or user customizations\n3. Not going to cover Panelizer\n
  • 1. This illustrates the friendlier inline editor we saw earlier\n
  • 1. This illustrates the friendlier inline editor we saw earlier\n
  • 1. This is another way to edit that same page we were looking at\n2. This screen is more controversial, some people like it, some hate it\n3. Panelizer is probably a more friendly way to handle this\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 1. This is pretty cool...\n
  • 1. Drupal comes with a couple, ‘Default’ and ‘Teaser’, many modules add additional view modes as well\n2. This screen just determines where the new view mode will show up\n
  • 1. DS gives you new layout options on the Drupal Manage Display Page\n2. It’s interesting that Panels & DS layouts are interchangeable\n
  • 1. This is a custom layout I defined in the theme layer which is pretty easy (works with Panels too)\n
  • 1. This is a custom layout I defined in the theme layer which is pretty easy (works with Panels too)\n
  • 1. We’ve talked tools for building pages and content, now let’s talk about pulling content\n
  • 1. We’ve talked tools for building pages and content, now let’s talk about pulling content\n
  • 1. We’ve talked tools for building pages and content, now let’s talk about pulling content\n
  • 1. Most developers know Views, but I want to talk a little strategy\n2. In Drupal 4-5 I used to use node and I would find out pretty quick that the customer wanted to display content differently depending on the ‘context’ of where the content was being displayed. Having 1 ‘Teaser’ display mode was not enough. This led to node.tpl.php craziness!\n
  • 1. Most developers know Views, but I want to talk a little strategy\n2. In Drupal 4-5 I used to use node and I would find out pretty quick that the customer wanted to display content differently depending on the ‘context’ of where the content was being displayed. Having 1 ‘Teaser’ display mode was not enough. This led to node.tpl.php craziness!\n
  • 1. Most developers know Views, but I want to talk a little strategy\n2. In Drupal 4-5 I used to use node and I would find out pretty quick that the customer wanted to display content differently depending on the ‘context’ of where the content was being displayed. Having 1 ‘Teaser’ display mode was not enough. This led to node.tpl.php craziness!\n
  • 1. Most developers know Views, but I want to talk a little strategy\n2. In Drupal 4-5 I used to use node and I would find out pretty quick that the customer wanted to display content differently depending on the ‘context’ of where the content was being displayed. Having 1 ‘Teaser’ display mode was not enough. This led to node.tpl.php craziness!\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 1. The main reason why I wanted to bring up views was to talk about views & DS\n
  • 1. The main reason why I wanted to bring up views was to talk about views & DS\n
  • 1. The main reason why I wanted to bring up views was to talk about views & DS\n
  • 1. The main reason why I wanted to bring up views was to talk about views & DS\n
  • 1. The main reason why I wanted to bring up views was to talk about views & DS\n
  • 1. The main reason why I wanted to bring up views was to talk about views & DS\n
  • 1. The main reason why I wanted to bring up views was to talk about views & DS\n
  • 1. The main reason why I wanted to bring up views was to talk about views & DS\n
  • \n
  • \n
  • \n
  • \n
  • 1. I use Panels primarily for page layouts where the layout is different enough to justify\n2. The Panels UI is just too outside of the Drupal UI, mixing Panels with Context is confusing\n
  • 1. I use Panels primarily for page layouts where the layout is different enough to justify\n2. The Panels UI is just too outside of the Drupal UI, mixing Panels with Context is confusing\n
  • 1. I use Panels primarily for page layouts where the layout is different enough to justify\n2. The Panels UI is just too outside of the Drupal UI, mixing Panels with Context is confusing\n
  • 1. I use Panels primarily for page layouts where the layout is different enough to justify\n2. The Panels UI is just too outside of the Drupal UI, mixing Panels with Context is confusing\n
  • \n
  • 1. Could be a panel\n2. Could use context for some persistent elements\n
  • 1. Could be a panel\n2. Could use context for some persistent elements\n
  • 1. Could be a panel\n2. Could use context for some persistent elements\n
  • 1. Could be a panel\n2. Could use context for some persistent elements\n
  • 1. Let’s Look at this page again\n2. This could all be context\n3. A tie breaker for me is how different this is from the normal layout of the rest of the site\n
  • 1. Let’s Look at this page again\n2. This could all be context\n3. A tie breaker for me is how different this is from the normal layout of the rest of the site\n
  • 1. Here is a content page example\n
  • 1. Here is a content page example\n
  • 1. Here is a content page example\n
  • 1. Here is a content page example\n
  • 1. Here is a content page example\n
  • \n
  • \n
  • Transcript of "Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, Views, & Panels"

    1. 1. Learn Drupals Most Powerful Site-Building Modules: Display Suite,Context, Views, & Panels By Jay Callicott Lead Architect CapitalCamp 2012 July 27, 2012
    2. 2. Outline • About Jay • Why talk about DS, Context, Views & Panels? • Breaking Down a Site Design • Content vs. Pages • Laying Out Blocks on a Page • Walkthrough of Context, Panels, Display Suite • Constructing Content in Drupal • Views • Use Cases
    3. 3. About Jay
    4. 4. About Jay• Mediacurrent Lead Architect
    5. 5. About Jay• Mediacurrent Lead Architect• Drupal developer since Drupal 4.6
    6. 6. About Jay• Mediacurrent Lead Architect• Drupal developer since Drupal 4.6• OpenChurch Distribution Maintainer
    7. 7. About Jay• Mediacurrent Lead Architect• Drupal developer since Drupal 4.6• OpenChurch Distribution Maintainer• @drupalninja
    8. 8. Why talk about DS, Context, Views& Panels?
    9. 9. Why talk about DS, Context, Views& Panels? • Not a lot of presentations that cover using these tools together
    10. 10. Why talk about DS, Context, Views& Panels? • Not a lot of presentations that cover using these tools together • I like talking strategy/philosophy of site building, not just “How To”
    11. 11. Why talk about DS, Context, Views& Panels? • Not a lot of presentations that cover using these tools together • I like talking strategy/philosophy of site building, not just “How To” • All of these tools use the UI - you don’t have to be a hard core developer to build advanced Drupal sites!
    12. 12. Why talk about DS, Context, Views& Panels? • Not a lot of presentations that cover using these tools together • I like talking strategy/philosophy of site building, not just “How To” • All of these tools use the UI - you don’t have to be a hard core developer to build advanced Drupal sites! • Panels + Context + DS have = 1 million downloads combined
    13. 13. Breaking Down a SiteDesign
    14. 14. Blocks
    15. 15. Blocks Fields
    16. 16. Breaking Down a SiteDesign
    17. 17. Title Body Blocks
    18. 18. Content vs. Pages
    19. 19. Content vs. Pages• Let’s clarify terminology
    20. 20. Content vs. Pages• Let’s clarify terminology• Content uses a Drupal content structure like a content type (also users, taxonomy, etc.)
    21. 21. Content vs. Pages• Let’s clarify terminology• Content uses a Drupal content structure like a content type (also users, taxonomy, etc.)• The Amazon Homepage is a page
    22. 22. Content vs. Pages• Let’s clarify terminology• Content uses a Drupal content structure like a content type (also users, taxonomy, etc.)• The Amazon Homepage is a page• The Kindle Fire Product Page is a Product, therefore it is content
    23. 23. Content vs. Pages• Let’s clarify terminology• Content uses a Drupal content structure like a content type (also users, taxonomy, etc.)• The Amazon Homepage is a page• The Kindle Fire Product Page is a Product, therefore it is content• The tools for constructing Content vs. Pages can vary
    24. 24. Laying Out Blocks on a Page• Block Admin Page• The default Drupal way to place blocks• Can get....messy
    25. 25. Context
    26. 26. Set visibilityAdd blocks to regions
    27. 27. Drag and drop blocks Modify your context inline
    28. 28. Exportable!
    29. 29. Panels
    30. 30. Panels• Can create arbitrary layouts within the content area of a page
    31. 31. Panels• Can create arbitrary layouts within the content area of a page• Not limited to theme’s defined regions
    32. 32. Panels• Can create arbitrary layouts within the content area of a page• Not limited to theme’s defined regions• Exportable!
    33. 33. Panels• Can create arbitrary layouts within the content area of a page• Not limited to theme’s defined regions• Exportable!• Learning Curve, UI not super-intuitive
    34. 34. Panels Example
    35. 35. Constructing Content in DrupalThe Basic Drupal Fields UI
    36. 36. The theme layer
    37. 37. Constructing Content in Drupal
    38. 38. Constructing Content in Drupal• Panels Node Template
    39. 39. Constructing Content in Drupal• Panels Node Template • Can also layout content
    40. 40. Constructing Content in Drupal• Panels Node Template • Can also layout content • Configurable arguments are great!
    41. 41. Constructing Content in Drupal• Panels Node Template • Can also layout content • Configurable arguments are great! • UI still makes some people crazy
    42. 42. Panels Node Template
    43. 43. Panels Node Template
    44. 44. Constructing Content with Display Suite
    45. 45. Constructing Content with Display Suite• My new favorite toy!
    46. 46. Constructing Content with Display Suite• My new favorite toy!• Extends Drupal UI
    47. 47. Constructing Content with Display Suite• My new favorite toy!• Extends Drupal UI• More intuitive than Panels
    48. 48. Constructing Content with Display Suite• My new favorite toy!• Extends Drupal UI• More intuitive than Panels• Can also use Panels!
    49. 49. Constructing Content with Display Suite• My new favorite toy!• Extends Drupal UI• More intuitive than Panels• Can also use Panels!• Create custom Display modes - Important!
    50. 50. Constructing Content with Display Suite• My new favorite toy!• Extends Drupal UI• More intuitive than Panels• Can also use Panels!• Create custom Display modes - Important!• Exportable
    51. 51. Constructing Content with Display Suite• My new favorite toy!• Extends Drupal UI• More intuitive than Panels• Can also use Panels!• Create custom Display modes - Important!• Exportable• Create custom layouts very easily
    52. 52. Constructing Content with Display Suite• My new favorite toy!• Extends Drupal UI• More intuitive than Panels• Can also use Panels!• Create custom Display modes - Important!• Exportable• Create custom layouts very easily• Works well with views
    53. 53. Constructing Content with Display Suite• My new favorite toy!• Extends Drupal UI• More intuitive than Panels• Can also use Panels!• Create custom Display modes - Important!• Exportable• Create custom layouts very easily• Works well with views DS Search is great too!
    54. 54. Panels + DS
    55. 55. Create custom view modes here
    56. 56. DS Select Layout
    57. 57. DS Custom Layout
    58. 58. Pulling Content
    59. 59. Pulling Content• Views! Everyone’s favorite UI tool
    60. 60. Pulling Content• Views! Everyone’s favorite UI tool• Views are all over the place!
    61. 61. Pulling Content• Views! Everyone’s favorite UI tool• Views are all over the place!• What’s a good strategy for using Views with these tools?
    62. 62. Constructing Views
    63. 63. Constructing Views• Important to Site Building
    64. 64. Constructing Views• Important to Site Building• Row style - Content vs. Views
    65. 65. Constructing Views• Important to Site Building• Row style - Content Row Style vs. Views
    66. 66. Constructing Views• Important to Site Building• Row style - Content Row Style vs. Views View Modes
    67. 67. Constructing Views
    68. 68. Constructing Views• In Drupal 6 I used fields exclusively
    69. 69. Constructing Views• In Drupal 6 I used fields exclusively• The problem...duplication
    70. 70. Constructing Views• In Drupal 6 I used fields exclusively• The problem...duplication • Multiple views with same ‘theme’ and same ‘fields’
    71. 71. Constructing Views• In Drupal 6 I used fields exclusively• The problem...duplication • Multiple views with same ‘theme’ and same ‘fields’ • Also inefficient because more fields = more joins
    72. 72. Constructing Views• In Drupal 6 I used fields exclusively• The problem...duplication • Multiple views with same ‘theme’ and same ‘fields’ • Also inefficient because more fields = more joins
    73. 73. Constructing Views
    74. 74. Constructing Views• In Drupal 7 I have gone back to ‘Content’ (formerly node) style output
    75. 75. Constructing Views• In Drupal 7 I have gone back to ‘Content’ (formerly node) style output• Delegate theming to the content type
    76. 76. Constructing Views• In Drupal 7 I have gone back to ‘Content’ (formerly node) style output• Delegate theming to the content type• Custom view modes means you can theme differently based on the context
    77. 77. Constructing Views• In Drupal 7 I have gone back to ‘Content’ (formerly node) style output• Delegate theming to the content type• Custom view modes means you can theme differently based on the context• Simplify your views!
    78. 78. Constructing Views• In Drupal 7 I have gone back to ‘Content’ (formerly node) style output• Delegate theming to the content type• Custom view modes means you can theme differently based on the context• Simplify your views!• Less joins!
    79. 79. Constructing Views• In Drupal 7 I have gone back to ‘Content’ (formerly node) style output• Delegate theming to the content type• Custom view modes means you can theme differently based on the context• Simplify your views!• Less joins!• More re-use
    80. 80. Constructing Views• In Drupal 7 I have gone back to ‘Content’ (formerly node) style output• Delegate theming to the content type Avoid Field Bloat! you can theme• Custom view modes means differently based on the context• Simplify your views!• Less joins!• More re-use
    81. 81. Display Suite + Views
    82. 82. Display Suite + Views• Display Suite + Views, a match made in heaven
    83. 83. Display Suite + Views• Display Suite + Views, a match made in heaven• DS lets you create arbitrary view modes
    84. 84. Display Suite + Views• Display Suite + Views, a match made in heaven• DS lets you create arbitrary view modes• Examples:
    85. 85. Display Suite + Views• Display Suite + Views, a match made in heaven• DS lets you create arbitrary view modes• Examples: • Teaser - (default) You can use for your basic most common teaser
    86. 86. Display Suite + Views• Display Suite + Views, a match made in heaven• DS lets you create arbitrary view modes• Examples: • Teaser - (default) You can use for your basic most common teaser • Homepage Teaser - customize for homepage
    87. 87. Display Suite + Views• Display Suite + Views, a match made in heaven• DS lets you create arbitrary view modes• Examples: • Teaser - (default) You can use for your basic most common teaser • Homepage Teaser - customize for homepage • Gallery Teaser
    88. 88. Display Suite + Views• Display Suite + Views, a match made in heaven• DS lets you create arbitrary view modes• Examples: • Teaser - (default) You can use for your basic most common teaser • Homepage Teaser - customize for homepage • Gallery Teaser • Article content will use image thumb, Video content might use 3rd party image
    89. 89. Display Suite + Views• Display Suite + Views, a match made in heaven• DS lets you create arbitrary view modes• Examples: • Teaser - (default) You can use for your basic most common teaser • Homepage Teaser - customize for homepage DS + Views • Gallery Teaser • Article content will use image thumb, Video content might use 3rd party image
    90. 90. Display Suite + Views
    91. 91. Display Suite + Views• In the view, select ‘Content’ row style and use view-mode ‘Teaser’
    92. 92. Display Suite + Views• In the view, select ‘Content’ row style and use view-mode ‘Teaser’ Select your view mode
    93. 93. Display Suite + Views • In the view, select ‘Content’ row style and use view-mode ‘Teaser’ Select your view mode• My favorite way to site build!
    94. 94. Display Suite + Views • In the view, select ‘Content’ row style and use view-mode ‘Teaser’ Select your view mode• My favorite way to site build!• View mode are exportable to features
    95. 95. Putting it All Together
    96. 96. Putting it All Together• Display Suite is my go-to tool for constructing content, both ‘Full Content’ pages and views content
    97. 97. Putting it All Together• Display Suite is my go-to tool for constructing content, both ‘Full Content’ pages and views content• Context is my go-to tool for arrange blocks onto pages
    98. 98. Putting it All Together• Display Suite is my go-to tool for constructing content, both ‘Full Content’ pages and views content• Context is my go-to tool for arrange blocks onto pages• View is my go-to tool of course for creating lists of content
    99. 99. Putting it All Together• Display Suite is my go-to tool for constructing content, both ‘Full Content’ pages and views content• Context is my go-to tool for arrange blocks onto pages• View is my go-to tool of course for creating lists of content• Panels is not quite a go-to tool for me as much
    100. 100. Use Cases• Let’s look at a couple real-world examples• We’ll compare tools we could use to build these pages
    101. 101. Page Building Example
    102. 102. These could be your panel regions
    103. 103. Up here might be context or page.tpl.php These could be your panel regions
    104. 104. Could be all context & theme regions
    105. 105. Content Page Example
    106. 106. Likely Context blocks
    107. 107. Could be a DS View pulling a custom view mode
    108. 108. Could be a DS View pulling a custom view modeAdditional Fields - could be Panel fields or DS
    109. 109. To Summarize...• Drupal offers very powerful UI tools for constructing pages and content• You can build very robust sites in Drupal without coding• Hopefully you have a better understanding how these tools can be used, individually and together
    110. 110. That’s It! • Context - http://drupal.org/project/context • Panels - http://drupal.org/project/panels • Display Suite - http://drupal.org/project/ds • Views - http://drupal.org/project/views Questions? @drupalninja
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×