A peek into the next version!

DRUPAL 8 SITE
BUILDING PREVIEW

Wednesday, October 23, 13

1
Learning Services
at Acquia
• Heather on Twitter
• @learningdrupal

• Contact me or
• Ben Ortega,

Director of Learning
Se...
“Overall though the
content of the course
was excellent and
well organized. I
learned a great deal
from this course.”
trai...
What I’ll cover
• Obligatory warning!
• How to try out Drupal 8; Quick overview of

admin changes; Content editing, WYSIWY...
What I won’t cover today
• How we got here
• Theming (soon!)
• Module development (soon!)
• “Under the hood”

• Getting Up...
Get your hands on
Drupal 8

Wednesday, October 23, 13

6
Alpha release phase

drupal.org/core/release-cycle
Wednesday, October 23, 13

7
Alpha release phase

drupal.org/core/release-cycle
Wednesday, October 23, 13

8
Alpha 4 is out!

drupal.org/node/3060/release
Wednesday, October 23, 13

9
Ready when it’s ready

drupal.org/core/release-cycle
Wednesday, October 23, 13

10
What we should be doing
• Testing upgrading modules and themes
• Reporting problems with API
• Testing patches and issues ...
Not a developer? Great!
• Participate in usability research

groups.drupal.org/node/343023
Wednesday, October 23, 13

12
Tell others about it!
• https://drupal.org/node/2116433

Wednesday, October 23, 13

13
drupal.org/drupal-8.0
Wednesday, October 23, 13

14
Or - Setting up locally
• Install Git + download Drupal 8
• git clone --branch 8.x http://git.drupal.org/

project/drupal....
Acquia Dev Desktop

acquia.com/downloads On Mac use Beta
Wednesday, October 23, 13

16
New look!

Wednesday, October 23, 13

17
Install in any language!

Wednesday, October 23, 13

18
Wednesday, October 23, 13

19
Construction
warning!

Wednesday, October 23, 13

20
Changes daily

drupal.org/node/3060/commits
Wednesday, October 23, 13

21
YAY! Contact form fields

Wednesday, October 23, 13

22
Contact form

https://drupal.org/node/1997692
https://drupal.org/node/1849158
Wednesday, October 23, 13

23
Some funky errors?

Wednesday, October 23, 13

24
What to do?
• Right now, there will be many errors. Site

builders encouraged to test with first Beta
releases. Still early...
Good issue reports

drupal.org/node/73179
Wednesday, October 23, 13

26
Subtle improvements

What’s new with
Drupal 8
Administration
Wednesday, October 23, 13

27
Big things: Responsive

Wednesday, October 23, 13

28
Little things: Delete button
• No longer in random places like tabs etc.

Wednesday, October 23, 13

29
Module filter

Wednesday, October 23, 13

30
Views in CORE!

Wednesday, October 23, 13

31
Admin pages improved
• More options for filtering, thanks to Views

Wednesday, October 23, 13

32
Example:
Customize admin

Wednesday, October 23, 13

33
For more detail
• Approx 32

Contrib modules
which are mooted
by Drupal 8.
• Another 8 Core

modules which
are gone or
mov...
Improvements for content admins
saves time for site builders

WYSIWYG and
content editing

Wednesday, October 23, 13

35
Improved content editing

Wednesday, October 23, 13

36
In place editing

Wednesday, October 23, 13

37
Edit in place
• Edit images inline

Wednesday, October 23, 13

38
Paste from Word
• Cleans up markup!
• Saves structure (if your filters allow those

headings)

Wednesday, October 23, 13

3...
Smart configuration

Wednesday, October 23, 13

40
Some bugs in defaults
• Default settings not

saved
• “Sticky” might get

removed altogether.

drupal.org/node/2053461
dru...
For more detail

acquia.com/blog/content-editingenhancements-drupal-8
Wednesday, October 23, 13

42
Images & Picture

Wednesday, October 23, 13

43
Responsive all the way

Wednesday, October 23, 13

44
Two cases for images

Inline images
Writers control
Varying input
and display
Image fields
Designers control
Consistent in...
Example

Wednesday, October 23, 13

46
Easier to identify

Wednesday, October 23, 13

47
Arbitrary values!

Wednesday, October 23, 13

48
Inline image

Wednesday, October 23, 13

49
Demo: “Picture” formatter

Wednesday, October 23, 13

50
For more detail

acquia.com/blog/tutorial-drupal-8-wysiwyginline-and-responsive-images
Wednesday, October 23, 13

51
Blocks

Wednesday, October 23, 13

52
Flexible placement

Wednesday, October 23, 13

53
Wednesday, October 23, 13

54
Custom blocks and types

Wednesday, October 23, 13

55
Add fields to blocks

Wednesday, October 23, 13

56
Custom block types

Wednesday, October 23, 13

57
Example custom type

Wednesday, October 23, 13

58
Content type fields,
form display and view
modes
Wednesday, October 23, 13

59
Your data and display

http://insideintercom.io/why-cards-are-the-future-of-the-web/
Wednesday, October 23, 13

60
Cards

http://insideintercom.io/why-cards-are-the-future-of-the-web/
Wednesday, October 23, 13

61
Site building in Drupal 8
• Modelling data
• Fields on everything
• Not everything needs

to be a content type
• Smart mar...
New fields
• Datetime
• E-mail
• Entity reference - Link to

users, terms, content, etc.
with an auto-complete
field.
• Lin...
Fields and more fields
• Add fields to Blocks, Contact form, etc!
• Comments are now a field!

Wednesday, October 23, 13

64
Wednesday, October 23, 13

65
Wednesday, October 23, 13

66
Wednesday, October 23, 13

67
Custom content types

Wednesday, October 23, 13

68
schema.org/Restaurant

Wednesday, October 23, 13

69
Add custom display modes

Wednesday, October 23, 13

70
Demo: Add field
• Add email field
• Custom placeholder text
• How to manage display
• Custom displays

Wednesday, October 2...
A site builder’s perspective

Configuration
management

Wednesday, October 23, 13

72
Workflow
• Configuration management with built-in

staging

Your current config

> Should match current

Do not edit Active...
Workflow

drupal.org/node/1703168
Wednesday, October 23, 13

74
Manage configuration

Wednesday, October 23, 13

75
Export
• Archived .tgz file
• All site configuration, including new files.
• Bring to “staging” directory of other site.

Wed...
In YAML files
• Not advised to edit directly.

drupal.org/documentation/administer/config
Wednesday, October 23, 13

77
Version control files
• You can share configuration easily

Wednesday, October 23, 13

78
Synchronize

Wednesday, October 23, 13

79
New file example

Wednesday, October 23, 13

80
Import yet?

Wednesday, October 23, 13

81
Orphan field imported

Wednesday, October 23, 13

82
Future?
• Possible UI in Contrib!

Wednesday, October 23, 13

83
Issue to checkout

drupal.org/node/2099363
Wednesday, October 23, 13

84
Schema

Wednesday, October 23, 13

85
http://www.google.com/insidesearch/features/recipes/
Wednesday, October 23, 13

86
Schema.org integration
• Search engines can

read structured
markup and
microdata.
• Standard

conventions.
• Google, Yaho...
schema.org/Recipe

Wednesday, October 23, 13

88
Smart markup
• Map arbitrary

fields to
canonical
classifications
of... everything.
• Thing >

CreativeWork >
Recipe
• cookT...
Article
• Stored as .yml files

Wednesday, October 23, 13

90
Article markup
• Includes markup for core content types.

Wednesday, October 23, 13

91
schema.org/Restaurant

Wednesday, October 23, 13

92
Custom mapping!
• Copy core example and adapt.
• Save with pattern:

rdf.mapping.node.[bundle].yml
• UUID famkruithof.net/...
Match schema to fields
• Modify and adapt from the core example
• Remove fields you don’t need

Example from article
for im...
Import configuration

Wednesday, October 23, 13

95
Properties in markup

Wednesday, October 23, 13

96
Future?
• Possible UI in Contrib.

Many sprints coming up.
• Title: The future of search and SEO
• Level: Intermediate
• S...
If not now,
then when?

Wednesday, October 23, 13

98
Custom content types

Wednesday, October 23, 13

99
Experience in D7

acquia.com/blog/
getting-your-site-ready-drupal-8
Wednesday, October 23, 13

100
Site Building courses

http://training.acquia.com/course/site-building-drupal-7
Wednesday, October 23, 13

101
Upcoming SlideShare
Loading in...5
×

Drupal 8 Preview for Site Builders

2,082

Published on

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

No Downloads
Views
Total Views
2,082
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
30
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Drupal 8 Preview for Site Builders

  1. 1. A peek into the next version! DRUPAL 8 SITE BUILDING PREVIEW Wednesday, October 23, 13 1
  2. 2. Learning Services at Acquia • Heather on Twitter • @learningdrupal • Contact me or • Ben Ortega, Director of Learning Services about training Wednesday, October 23, 13 2
  3. 3. “Overall though the content of the course was excellent and well organized. I learned a great deal from this course.” training.acquia.com/ testimonials http://training.acquia.com/events Wednesday, October 23, 13 3
  4. 4. What I’ll cover • Obligatory warning! • How to try out Drupal 8; Quick overview of admin changes; Content editing, WYSIWYG, Images • Site Building! • Building with Blocks, Content types • Making most of data with Schema.org • Configuration management Wednesday, October 23, 13 4
  5. 5. What I won’t cover today • How we got here • Theming (soon!) • Module development (soon!) • “Under the hood” • Getting Up to Speed on Drupal 8 http://lullabot.github.io/dme-presentations/d8what-is-new/webinar.html#/ Wednesday, October 23, 13 5
  6. 6. Get your hands on Drupal 8 Wednesday, October 23, 13 6
  7. 7. Alpha release phase drupal.org/core/release-cycle Wednesday, October 23, 13 7
  8. 8. Alpha release phase drupal.org/core/release-cycle Wednesday, October 23, 13 8
  9. 9. Alpha 4 is out! drupal.org/node/3060/release Wednesday, October 23, 13 9
  10. 10. Ready when it’s ready drupal.org/core/release-cycle Wednesday, October 23, 13 10
  11. 11. What we should be doing • Testing upgrading modules and themes • Reporting problems with API • Testing patches and issues marked “needs review” • Developers should watch “How to upgrade your modules to Drupal 8”, DrupalCon Prague, 2013. youtube.com/watch?v=AilpWNE0jzo Wednesday, October 23, 13 11
  12. 12. Not a developer? Great! • Participate in usability research groups.drupal.org/node/343023 Wednesday, October 23, 13 12
  13. 13. Tell others about it! • https://drupal.org/node/2116433 Wednesday, October 23, 13 13
  14. 14. drupal.org/drupal-8.0 Wednesday, October 23, 13 14
  15. 15. Or - Setting up locally • Install Git + download Drupal 8 • git clone --branch 8.x http://git.drupal.org/ project/drupal.git drupal.org/project/drupal/git-instructions Wednesday, October 23, 13 15
  16. 16. Acquia Dev Desktop acquia.com/downloads On Mac use Beta Wednesday, October 23, 13 16
  17. 17. New look! Wednesday, October 23, 13 17
  18. 18. Install in any language! Wednesday, October 23, 13 18
  19. 19. Wednesday, October 23, 13 19
  20. 20. Construction warning! Wednesday, October 23, 13 20
  21. 21. Changes daily drupal.org/node/3060/commits Wednesday, October 23, 13 21
  22. 22. YAY! Contact form fields Wednesday, October 23, 13 22
  23. 23. Contact form https://drupal.org/node/1997692 https://drupal.org/node/1849158 Wednesday, October 23, 13 23
  24. 24. Some funky errors? Wednesday, October 23, 13 24
  25. 25. What to do? • Right now, there will be many errors. Site builders encouraged to test with first Beta releases. Still early yet! • Try to replicate the error. • Clarify the steps and conditions to repeat! • Search for errors in Issue queue. • If a patch exists, test it. • If an error isn’t reported, add it. Wednesday, October 23, 13 25
  26. 26. Good issue reports drupal.org/node/73179 Wednesday, October 23, 13 26
  27. 27. Subtle improvements What’s new with Drupal 8 Administration Wednesday, October 23, 13 27
  28. 28. Big things: Responsive Wednesday, October 23, 13 28
  29. 29. Little things: Delete button • No longer in random places like tabs etc. Wednesday, October 23, 13 29
  30. 30. Module filter Wednesday, October 23, 13 30
  31. 31. Views in CORE! Wednesday, October 23, 13 31
  32. 32. Admin pages improved • More options for filtering, thanks to Views Wednesday, October 23, 13 32
  33. 33. Example: Customize admin Wednesday, October 23, 13 33
  34. 34. For more detail • Approx 32 Contrib modules which are mooted by Drupal 8. • Another 8 Core modules which are gone or moved to Contrib. acquia.com/blog/tutorial-drupal-8-site-buildingpreview-less-more Wednesday, October 23, 13 34
  35. 35. Improvements for content admins saves time for site builders WYSIWYG and content editing Wednesday, October 23, 13 35
  36. 36. Improved content editing Wednesday, October 23, 13 36
  37. 37. In place editing Wednesday, October 23, 13 37
  38. 38. Edit in place • Edit images inline Wednesday, October 23, 13 38
  39. 39. Paste from Word • Cleans up markup! • Saves structure (if your filters allow those headings) Wednesday, October 23, 13 39
  40. 40. Smart configuration Wednesday, October 23, 13 40
  41. 41. Some bugs in defaults • Default settings not saved • “Sticky” might get removed altogether. drupal.org/node/2053461 drupal.org/node/197460 Wednesday, October 23, 13 41
  42. 42. For more detail acquia.com/blog/content-editingenhancements-drupal-8 Wednesday, October 23, 13 42
  43. 43. Images & Picture Wednesday, October 23, 13 43
  44. 44. Responsive all the way Wednesday, October 23, 13 44
  45. 45. Two cases for images Inline images Writers control Varying input and display Image fields Designers control Consistent input Consistent display Wednesday, October 23, 13 45
  46. 46. Example Wednesday, October 23, 13 46
  47. 47. Easier to identify Wednesday, October 23, 13 47
  48. 48. Arbitrary values! Wednesday, October 23, 13 48
  49. 49. Inline image Wednesday, October 23, 13 49
  50. 50. Demo: “Picture” formatter Wednesday, October 23, 13 50
  51. 51. For more detail acquia.com/blog/tutorial-drupal-8-wysiwyginline-and-responsive-images Wednesday, October 23, 13 51
  52. 52. Blocks Wednesday, October 23, 13 52
  53. 53. Flexible placement Wednesday, October 23, 13 53
  54. 54. Wednesday, October 23, 13 54
  55. 55. Custom blocks and types Wednesday, October 23, 13 55
  56. 56. Add fields to blocks Wednesday, October 23, 13 56
  57. 57. Custom block types Wednesday, October 23, 13 57
  58. 58. Example custom type Wednesday, October 23, 13 58
  59. 59. Content type fields, form display and view modes Wednesday, October 23, 13 59
  60. 60. Your data and display http://insideintercom.io/why-cards-are-the-future-of-the-web/ Wednesday, October 23, 13 60
  61. 61. Cards http://insideintercom.io/why-cards-are-the-future-of-the-web/ Wednesday, October 23, 13 61
  62. 62. Site building in Drupal 8 • Modelling data • Fields on everything • Not everything needs to be a content type • Smart markup with Schema.org • RESTful web services Wednesday, October 23, 13 62
  63. 63. New fields • Datetime • E-mail • Entity reference - Link to users, terms, content, etc. with an auto-complete field. • Link • Telephone Wednesday, October 23, 13 63
  64. 64. Fields and more fields • Add fields to Blocks, Contact form, etc! • Comments are now a field! Wednesday, October 23, 13 64
  65. 65. Wednesday, October 23, 13 65
  66. 66. Wednesday, October 23, 13 66
  67. 67. Wednesday, October 23, 13 67
  68. 68. Custom content types Wednesday, October 23, 13 68
  69. 69. schema.org/Restaurant Wednesday, October 23, 13 69
  70. 70. Add custom display modes Wednesday, October 23, 13 70
  71. 71. Demo: Add field • Add email field • Custom placeholder text • How to manage display • Custom displays Wednesday, October 23, 13 71
  72. 72. A site builder’s perspective Configuration management Wednesday, October 23, 13 72
  73. 73. Workflow • Configuration management with built-in staging Your current config > Should match current Do not edit Active configuration manually. Copy most recent changes, before adding new file! Wednesday, October 23, 13 73
  74. 74. Workflow drupal.org/node/1703168 Wednesday, October 23, 13 74
  75. 75. Manage configuration Wednesday, October 23, 13 75
  76. 76. Export • Archived .tgz file • All site configuration, including new files. • Bring to “staging” directory of other site. Wednesday, October 23, 13 76
  77. 77. In YAML files • Not advised to edit directly. drupal.org/documentation/administer/config Wednesday, October 23, 13 77
  78. 78. Version control files • You can share configuration easily Wednesday, October 23, 13 78
  79. 79. Synchronize Wednesday, October 23, 13 79
  80. 80. New file example Wednesday, October 23, 13 80
  81. 81. Import yet? Wednesday, October 23, 13 81
  82. 82. Orphan field imported Wednesday, October 23, 13 82
  83. 83. Future? • Possible UI in Contrib! Wednesday, October 23, 13 83
  84. 84. Issue to checkout drupal.org/node/2099363 Wednesday, October 23, 13 84
  85. 85. Schema Wednesday, October 23, 13 85
  86. 86. http://www.google.com/insidesearch/features/recipes/ Wednesday, October 23, 13 86
  87. 87. Schema.org integration • Search engines can read structured markup and microdata. • Standard conventions. • Google, Yahoo, Bing, etc Wednesday, October 23, 13 87
  88. 88. schema.org/Recipe Wednesday, October 23, 13 88
  89. 89. Smart markup • Map arbitrary fields to canonical classifications of... everything. • Thing > CreativeWork > Recipe • cookTime • ingredients • recipeYield Wednesday, October 23, 13 89
  90. 90. Article • Stored as .yml files Wednesday, October 23, 13 90
  91. 91. Article markup • Includes markup for core content types. Wednesday, October 23, 13 91
  92. 92. schema.org/Restaurant Wednesday, October 23, 13 92
  93. 93. Custom mapping! • Copy core example and adapt. • Save with pattern: rdf.mapping.node.[bundle].yml • UUID famkruithof.net/uuid/ uuidgen • Map to your chosen schema (Match “bundle” name; Add new fields) • Import configuration Wednesday, October 23, 13 93
  94. 94. Match schema to fields • Modify and adapt from the core example • Remove fields you don’t need Example from article for image field Wednesday, October 23, 13 Adapted for restaurant logo field 94
  95. 95. Import configuration Wednesday, October 23, 13 95
  96. 96. Properties in markup Wednesday, October 23, 13 96
  97. 97. Future? • Possible UI in Contrib. Many sprints coming up. • Title: The future of search and SEO • Level: Intermediate • Speaker: Stéphane "scor" Corlosquet and Nick "nick_vh" Veenhof http://2013.badcamp.net/sessions/future-search-and-seo Wednesday, October 23, 13 97
  98. 98. If not now, then when? Wednesday, October 23, 13 98
  99. 99. Custom content types Wednesday, October 23, 13 99
  100. 100. Experience in D7 acquia.com/blog/ getting-your-site-ready-drupal-8 Wednesday, October 23, 13 100
  101. 101. Site Building courses http://training.acquia.com/course/site-building-drupal-7 Wednesday, October 23, 13 101
  1. A particular slide catching your eye?

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

×