take full control of your site layout - drupal · the old-school way mix of template files and...

18

Upload: others

Post on 09-Oct-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field
Page 2: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

Take Full Control of Your Site Layout

with Display Suite for Drupal 7

Presented by swentel and jyve

Design, UX and Theming

Page 3: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

Introduction✤ @swentel (http://drupal.org/user/107403) and @janyves (

http://drupal.org/user/591438)

✤ Maintainers of field_group, sweaver, imagecrop etc ..

✤ http://dsd7.customsource.be/ ­ demo site for this presentation

Page 4: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

Krimson krew members

Page 5: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

Outline✤ Philosophy

✤ The old way & the cool way

✤ Extras

✤ Advanced use case

✤ Search

✤ Panels

✤ Api, performance 

✤ Future & Questions

✤ Lot's of demos!

Page 6: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

Philosophy of Display Suite✤ Manage your site layout from one central place

✤ Bridge the gap between themers and developers

✤ Make template files unnecessary

✤ Focus on ease of use, portability and manageability

✤ No PHP code – reduce danger of exploits

Page 7: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

The old-school way✤ Mix of template files and Field UI.

✤ Disadvantages:

✤ Template files not maintainable and not themer­friendly

✤ Field UI is limited: 

✤ No UI to add extra fields (eg. Node title, Node Author)

✤ No UI to add extra view modes

✤ Inconsistent: search result view mode not reflected in output

✤ No way to nest containers or use predefined templates

Page 8: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

The cool way✤ Extending the Field UI

✤ Create new View Modes

✤ Use predefined layouts

✤ Add custom fields

✤ Extending Views item lists

✤ Works on any entity!

✤ Consistent HTML output

Page 9: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

Extras module✤ Field templates (Field styles and the death of Drupal Divitis)

✤ Regions to block

✤ Contextual links

✤ Page title options

✤ Switching View Modes

✤ Views Displays – templates and fields

✤ There's more, just try it out

Page 10: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

Advanced use cases✤ Animated slide show with multiple content types.

✤ Proposals?

Page 11: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

A beautiful search✤ Override search result pages for Drupal core and Apache Solr

✤ Override user search result page

Page 12: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

DS and Panels: a love story✤ DS is not the 'Anti­panels' @merlinofchaos

✤ Panels layout editor on any View Mode

✤ Ability to switch to Field UI as well

Page 13: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

Leveraging the DS API✤ Creating custom fields

✤ Creating block fields

✤ Creating dynamic fields

✤ Creating custom layouts:

✤ hook_ds_layout_info()

✤ Create ds_layouts folder in your theme

✤ drush ds­build “My layout” ­­regions=”Left, Right”

✤ Exporting settings to code

Page 14: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

Performance✤ The number one question

✤ http://drupal.org/project/entitycache

✤ Rewritten from the ground up for the D7 version

Page 15: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

The Future✤ http://groups.drupal.org/display­suite

✤ More features into Field API

✤ Display API for drupal 8

Page 16: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

Resources✤ http://drupal.org/project/ds

✤ http://bit.ly/ds­d7

✤ http://drupal.org/node/644662

✤ http://realize.be/topics/display­suite

✤ http://www.jyvesgarden.com/category/blog­tags/display­suite

Page 17: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

Questions ?

Page 18: Take Full Control of Your Site Layout - Drupal · The old-school way Mix of template files and Field UI. Disadvantages: Template files not maintainable and not themerfriendly Field

THANK YOU!

What did you think?

Locate this session on the

DrupalCon London website:http://london2011.drupal.org/conference/schedule

Click the “Take the survey” link