A presentation at DrupalCon North America by Sascha Eggenberger
Easy Out of the Box A Drupal Core Strategic Initiative
Table of Contents 01 04 Overview What is this initiative and where are we now? How to help Ways to get involved for all contributors. 02 05 Case Study See how these features help a large foundation. Q&A Time to answer your questions. 03 Next Steps What are we working on next?
What is Easy Out of the Box? The Easy Out of the Box initiative is making the editorial experience clear and empowering from the moment Drupal is installed.
What is Easy Out of the Box? The initiative is composed of three important features for editors: Claro, Layout Builder, and Media.
Initiative Leads Emilie Nouveau Sascha Eggenberger AmyJune Hineline DyanneNova CivicActions saschaeggi Unic AG volkswagenchick Kanopi Studios Cristina Chumillas ckrina Lullabot
Initiative Leads Tim Plunkett Lauri Eskola Adam Globus-Hoenich Marcos Cano tim.plunkett Acquia lauriii Acquia phenaproxima Acquia marcoscano Lullabot
Claro Making site administration beautiful
Claro in a nutshell Design Based on the newly created Drupal Admin Design System Interface Redesign of administration pages, touches some editor components like contextual links and the administrator toolbar Accessibility A very important aspect from Conception to Implementation Still Experimental Claro is the one feature here that isn’t marked stable yet
History 2017 2018 2019 2021 (?) First design proposals Claro Theme In Core as “Experimental” New default Admin theme Around DrupalCon Vienna Development started as a contrib theme Since Drupal 8.8 Once we reach stable
Layout Builder Tools to build your content your way
What is Layout Builder? Build with sections No longer need to be tied to full page designs and hard coded templates. Content Type layouts Design a standard layout for all content of a certain type. One off page designs Create different layouts for individual pieces of content. Stable Layout Builder is stable, but not enabled by default in the Standard Drupal installation.
History Spring 2017 Winter 2017 Spring 2019 ? Layout Initiative Experimental Stable Standard The initiative to build a better layout tool in core begins Layout Builder is added to core as an experimental module Layout Builder is marked Stable Help us get it there!
Media Organizing your digital assets
What is Media? Media items Store your Media as reusable entities instead of in fields. Media Library Filter and organize your assets with Media Library. Relevant metadata Keep your data with your multimedia asset. Stable Media is stable, but not enabled by default in the Standard Drupal installation.
Case Study: How the NSF is using Claro, Layout Builder, and Media Built in partnership with
➔ Editors have a modern and welcoming backend through Claro.
➔ Content Editors can edit page layouts without HTML knowledge.
➔ Using Media, the NSF can share multimedia items easily through the site.
Easy Out of the Box Media Searchable, shareable multimedia assets Layout Builder Easy page building with consistent branding Claro A clear, modern design that enables editors
What’s Next?
Claro Making site administration beautiful
New “Content Creation” menu proposal ➔ dgo.to/3203618
New “Content Editor” role ➔ dgo.to/3059984
UI improvements ➔ This first draft was presented at DrupalCon Amsterdam
Contrib Theme based on “Future UI” ➔ dgo.to/gin
Contrib Theme based on “Future UI” ➔ dgo.to/gin
Layout Builder Tools to build your content your way
Full site layout editing ➔ dgo.to/2924058
Block Visibility Controls ➔ dgo.to/2916876
Media Organizing your digital assets
Provide tools to manage audio and video transcripts ➔ dgo.to/3002770
Improve Media’s usability ➔ dgo.to/2924058
How to Help
Why contribute? Community Be a part of the community! Gratitude Everyone’s contribution are valued Career Development Build your resume and Drupal street cred Professional Development The more you contribute, the more you learn
Who can contribute? Designer / UX Marketing Documentation Look and feel Presentations and copy Help future users Social media Accessibility Developers Get the word out Be as inclusive Concept to code
Intuitive Clean Novice and new users Accessible Easy to use
OpenSocial ➔ ➔ ➔ Meet the contribution mentors Find a way to participate in today’s initiative Contribute to things other than today’s strategic initiative Get started here: drupalcontributions.opensocial.site/group/easyout-box-wednesday/about EOOTB: drupalcontributions.opensocial.site/group/easyout-box-wednesday/topics
In the issue queue By tags: ➔ #NorthAmerica2021 ➔ #Easy Out of the Box ➔ #Claro ➔ #Media Initiative ➔ # Layout Builder Get started here: www.drupal.org/project/issues/search
Come visit us! ➔ ➔ Meet the team Get some direction Meet and greet: drupalcontributions.opensocial.site/node/52 EOOTB: drupalcontributions.opensocial.site/group/easyout-box-wednesday/topics
THANK YOU Come work with us! #easy-out-of-the-box Join us right after this for Q&A CREDITS: This presentation template was created by Slidesgo, including icons by Flaticon, infographics & images by Freepik
Initiative Keynote from @volkswagenchick, @dyannenova & @saschaeggi
The following resources were mentioned during the presentation or are useful additional information.
Here’s what was said about this presentation on social media.
Easy out of the box initiative keynote where @saschaeggi shared how #Claro will help make the content editing experience better with:
— QED42 (@qed42) April 14, 2021
⚡️A new menu in the admin toolbar
⚡️Content editor role to the standard profile of Drupal
⚡️Improved UI - with the Future UI#DrupalConNA pic.twitter.com/vChnzRHdZl