Drupal 8 Preview for Site Builders

2,481 views
2,344 views

Published on

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

No Downloads
Views
Total views
2,481
On SlideShare
0
From Embeds
0
Number of Embeds
706
Actions
Shares
0
Downloads
31
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

×