layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder...
Transcript of layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder...
![Page 1: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/1.jpg)
©2018 Acquia Inc. — Confidential and Proprietary
Layout Builder Unleash The Power
![Page 2: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/2.jpg)
Join us forcontribution opportunities
Friday, April 12, 2019
Mentored Contributions
9:00-18:00Room: 602
First Time Contributor Workshop
GeneralContributions
9:00-12:00Room: 606
9:00-18:00Room: 6A
#DrupalContributions
![Page 3: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/3.jpg)
What did you think?
Locate this session at the DrupalCon Seattle website:http://seattle2019.drupal.org/schedule
Take the Survey!https://www.surveymonkey.com/r/DrupalConSeattle
![Page 4: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/4.jpg)
Ted BowmanSenior Software Engineer
@tedbow
• Maintainer of Settings Tray•Working on Layout Builder
![Page 5: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/5.jpg)
Acquia: Drupal Acceleration Team- Formerly OCTO - Help push Drupal forward - API First Team - UX Team - Layout builder
- JSON API - Media Library - Security Issues - Lightning Distribution
![Page 6: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/6.jpg)
Our Time Together• Background & Why Layout Builder • Layout Defaults(think Manage Display) • Layout Builder + Views = Power!
⏱~20 minutes
- 🤔 Questions❓ ⏱~10 minutes• Layout Overrides • Landing Pages
⏱~20 minutes
- 🤔 Questions❓ ⏱~10 minutes• What’s missing? What’s next? • Contrib Modules
⏱~20 minutes
- 🤔 Questions❓ ⏱~10 minutes
![Page 7: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/7.jpg)
The Layout Initiative
©2018 Acquia Inc. — Confidential and Proprietary
Site builders and content authors need intuitive tools to build pages, change layouts, and add & rearrange blocks with live preview.
![Page 8: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/8.jpg)
When Do They Need It?
©2018 Acquia Inc. — Confidential and Proprietary
![Page 9: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/9.jpg)
When Do They Need It?
©2018 Acquia Inc. — Confidential and Proprietary
When They Install Drupal!
![Page 10: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/10.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
![Page 11: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/11.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
What Does It Do?
![Page 12: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/12.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
•Flexible Layout Builder (duh) •Previews in default theme
•Connects entity display to Views & other
blocks •Allows Per Entity Customization •Powerful Page Builder
![Page 13: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/13.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
![Page 14: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/14.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
When Can I Use It?
![Page 15: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/15.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
8.7.0 - 3 Weeks Away!
![Page 16: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/16.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
8.7.0 - 3 Weeks Away!
It’s Stable! 🎉
![Page 17: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/17.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
![Page 18: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/18.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
Defaults: Content Templates
![Page 19: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/19.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
![Page 20: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/20.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
Overrides: One-Off Layouts
![Page 21: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/21.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
![Page 22: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/22.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
Landing Pages
![Page 23: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/23.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
Landing Pages(really just overrides)
![Page 24: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/24.jpg)
Demo
©2018 Acquia Inc. — Confidential and Proprietary
![Page 25: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/25.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
![Page 26: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/26.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
Defaults: Content Templates
![Page 27: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/27.jpg)
Example: Umami Recipes
![Page 28: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/28.jpg)
Before
![Page 29: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/29.jpg)
Before
![Page 30: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/30.jpg)
After
![Page 31: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/31.jpg)
After
![Page 32: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/32.jpg)
Before
![Page 33: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/33.jpg)
Before
![Page 34: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/34.jpg)
After
![Page 35: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/35.jpg)
After
![Page 36: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/36.jpg)
Layout Defaults
![Page 37: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/37.jpg)
![Page 38: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/38.jpg)
Building Layouts With Sections
•Layouts are created by combing multiple sections
•Core provides 1 to 4 column sections
•Sections widths are configurable
•Allows creating complex layouts
![Page 39: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/39.jpg)
Building Layouts With Sections
•Layouts are created by combing multiple sections
•Core provides 1 to 4 column sections
•Sections widths are configurable
•Allows creating complex layouts
![Page 40: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/40.jpg)
Example: Radix Layout Module
![Page 41: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/41.jpg)
Layout Builder
![Page 42: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/42.jpg)
Building With Sections
![Page 43: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/43.jpg)
![Page 44: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/44.jpg)
Example: Umami Articles
Fields
![Page 45: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/45.jpg)
Example: Umami Articles
Fields
![Page 46: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/46.jpg)
Example: Umami Articles
Fields
View (block)
+
![Page 47: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/47.jpg)
Fields
View (blocks)+
![Page 48: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/48.jpg)
Fields
View (blocks)+
+Blocks
![Page 49: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/49.jpg)
Layout Defaults + Views
![Page 50: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/50.jpg)
![Page 51: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/51.jpg)
Manage Display Block Layout
+
![Page 52: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/52.jpg)
Block Configuration
+
![Page 53: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/53.jpg)
Block Configuration
+
![Page 54: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/54.jpg)
Without Layout Builder
–Multiple administration pages
–Multiple user permissions
–Visibility conditions
©2018 Acquia Inc. — Confidential and Proprietary
![Page 55: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/55.jpg)
With Layout Builder
–One administration page
–One permission
–No visibility conditions(currently)
©2018 Acquia Inc. — Confidential and Proprietary
![Page 56: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/56.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
![Page 57: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/57.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
Defaults: Content Templates
![Page 58: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/58.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
Defaults: Content TemplatesDefaults: Content Templates
![Page 59: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/59.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
Defaults: Content TemplatesDefaults: Content TemplatesBeyonds Nodes!
![Page 60: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/60.jpg)
Layout Defaults-Usable on User, Terms, Media, etc.
-All Fieldable Entities (has Manage Display)
-All View modes
![Page 61: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/61.jpg)
Example: Tags Page
![Page 62: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/62.jpg)
- Simple View
-Overrides Term page by using taxonomy/term/% path (what?)
- Shows articles and recipes together
Current Umami Term Page
![Page 63: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/63.jpg)
![Page 64: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/64.jpg)
Recipes with tag
![Page 65: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/65.jpg)
Recipes with tag
Articles with tag
![Page 66: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/66.jpg)
Recipes with tag
Articles with tag
Related tags (used on same articles)
![Page 67: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/67.jpg)
Recipes with tag
Articles with tag
Related tags (used on same articles)
Authors using tags
![Page 68: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/68.jpg)
Authors using tags
![Page 69: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/69.jpg)
Authors using tags
User’s Articles with tag
User’s Articles with tag
![Page 70: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/70.jpg)
View
View
View
View
![Page 71: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/71.jpg)
View
}}
Layout Builder
Layout Builder
![Page 72: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/72.jpg)
Layout Defaults + Views + Contextual Filters
![Page 73: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/73.jpg)
![Page 74: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/74.jpg)
The Views!
©2018 Acquia Inc. — Confidential and Proprietary
![Page 75: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/75.jpg)
•Simple View listing nodes
•1 View with 2 Displays
•Contextual Filter on Term ID
![Page 76: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/76.jpg)
![Page 77: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/77.jpg)
![Page 78: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/78.jpg)
![Page 79: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/79.jpg)
![Page 80: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/80.jpg)
![Page 81: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/81.jpg)
![Page 82: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/82.jpg)
![Page 83: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/83.jpg)
![Page 84: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/84.jpg)
![Page 85: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/85.jpg)
Needed to be exposed in Layout Builder
![Page 86: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/86.jpg)
![Page 87: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/87.jpg)
![Page 88: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/88.jpg)
Articles with current tag for each author
![Page 89: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/89.jpg)
![Page 90: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/90.jpg)
![Page 91: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/91.jpg)
![Page 92: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/92.jpg)
![Page 93: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/93.jpg)
![Page 94: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/94.jpg)
![Page 95: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/95.jpg)
Not using Layout builder?
![Page 96: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/96.jpg)
Not using Layout builder?
![Page 97: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/97.jpg)
![Page 98: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/98.jpg)
![Page 99: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/99.jpg)
Layout Builder can be used on all View Modes
![Page 100: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/100.jpg)
`Layout Builder can be used on all View Modes
![Page 101: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/101.jpg)
View: Content By Author & Term- Used on Term page
- Rendered by “Related” User View Mode
- 2 Contextual Filters
- User ID - Provided by Layout Builder context
- Term ID - Provided by URL argument
- Both use validation
![Page 102: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/102.jpg)
![Page 103: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/103.jpg)
![Page 104: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/104.jpg)
Layout: “Related” View Mode- Can be used by Views and Entity Reference
field formatter
- Has “user” context that can be passed to Views
- Does not have “term” context.
![Page 105: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/105.jpg)
![Page 106: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/106.jpg)
![Page 107: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/107.jpg)
![Page 108: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/108.jpg)
Layout Builder: Term “Default” View Mode
![Page 109: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/109.jpg)
Views: “Top Author”
![Page 110: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/110.jpg)
Layout Builder: User
“Default” View Mode
![Page 111: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/111.jpg)
Views: “Articles By Author(and Term)”
![Page 112: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/112.jpg)
![Page 113: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/113.jpg)
Layout Builder & Views: Nesting!
![Page 114: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/114.jpg)
Layout Builder & Views: Nesting!- Layout Builder: Term “Default” View Mode
![Page 115: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/115.jpg)
Layout Builder & Views: Nesting!- Layout Builder: Term “Default” View Mode- View: “Top Authors”
![Page 116: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/116.jpg)
Layout Builder & Views: Nesting!- Layout Builder: Term “Default” View Mode- View: “Top Authors”- Layout Builder: User “Related” View Mode
![Page 117: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/117.jpg)
Layout Builder & Views: Nesting!- Layout Builder: Term “Default” View Mode- View: “Top Authors”- Layout Builder: User “Related” View Mode- View: “Articles by Author and Term”
![Page 118: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/118.jpg)
🤔Questions?Covered Not Covered Yet
• Defaults • Building with Sections • Layout Builder + Views
• Overrides(per entity layouts) • Landing pages • What’s missing? What’s next? • Translations • Contrib Modules
![Page 119: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/119.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
![Page 120: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/120.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
Overrides: One-Off Layouts
![Page 121: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/121.jpg)
@Todo Add Video Override_Simple
Simple Override Change
![Page 122: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/122.jpg)
@Todo Add Video Override_Simple
![Page 123: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/123.jpg)
Layout Overrides- Allows Individual entities(nodes, etc) to have
unique Layouts
- Only available for “Default” View Mode(not Teaser, etc)
- Starts from Bundle defaults but not synced
![Page 124: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/124.jpg)
Layout Overrides- Stored as Layout Field (locked)
- Not deployed with Configuration Management
- Works with Content Moderation
![Page 125: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/125.jpg)
Layout Overrides: Permissions- Configure any Layout
- 2 bundle level permissions
- Configure all items of Bundle (article, tags, etc.)
- Configure only all items the user can edit
![Page 126: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/126.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
![Page 127: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/127.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
Custom Blocks(Inline Blocks)
![Page 128: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/128.jpg)
Custom (Inline) Blocks- Allows Creating Custom Blocks inside Layouts
- Uses same blocks types as Custom Block library
- Inline Blocks are not available in Custom Block libraries
![Page 129: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/129.jpg)
Example: Add A Recipe To An Article- Urgent request from client to promote a Recipe on a
related article - Client wants it yesterday
![Page 130: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/130.jpg)
@Todo Add Video Override_Inline
![Page 131: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/131.jpg)
@Todo Add Video Override_Inline
![Page 132: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/132.jpg)
@Todo Add Video Override_Simple
Layout Override Adding An Inline Block
![Page 133: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/133.jpg)
@Todo Add Video Override_Simple
![Page 134: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/134.jpg)
New Custom Block Type
![Page 135: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/135.jpg)
![Page 136: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/136.jpg)
![Page 137: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/137.jpg)
![Page 138: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/138.jpg)
![Page 139: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/139.jpg)
![Page 140: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/140.jpg)
![Page 141: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/141.jpg)
![Page 142: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/142.jpg)
![Page 143: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/143.jpg)
![Page 144: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/144.jpg)
![Page 145: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/145.jpg)
Example: Promote Viral Video
- A video of our recipe has just gone viral
- No Video Field on Recipe Content Type
- People will be bored with Video in 2 days
![Page 146: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/146.jpg)
Warning: Experimental Media Library
![Page 147: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/147.jpg)
![Page 148: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/148.jpg)
![Page 149: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/149.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
![Page 150: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/150.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
Landing Pages
![Page 151: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/151.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
Landing Pages(really just overrides)
![Page 152: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/152.jpg)
©2018 Acquia Inc. — Confidential and Proprietary
![Page 153: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/153.jpg)
©2018 Acquia Inc. — Confidential and Proprietary
Creating the Umami Homepage
![Page 154: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/154.jpg)
Existing Umami Homepage
![Page 155: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/155.jpg)
![Page 156: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/156.jpg)
![Page 157: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/157.jpg)
![Page 158: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/158.jpg)
Layout Builder: Landing Pages- Content Type with no fields
- Not deployable with Configuration Management
![Page 159: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/159.jpg)
Landing Page As Content
![Page 160: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/160.jpg)
![Page 161: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/161.jpg)
🤔Questions?Covered Not Covered Yet
• Defaults • Building with Sections • Layout Builder + Views • Overrides(per entity layouts) • Landing pages
• What’s missing? What’s next? • Translations • Contrib Modules
![Page 162: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/162.jpg)
What’s Next For Layout Builder?
©2018 Acquia Inc. — Confidential and Proprietary
![Page 163: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/163.jpg)
Translated Layouts
–Translated Defaults
–Translated Overrides
–Synced Overrides
–Unsynced Overrides(different layouts per language)?
©2018 Acquia Inc. — Confidential and Proprietary
![Page 164: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/164.jpg)
Translations: What Is Not Translatable?
– Inline Block Translations
–Custom Block Labels
©2018 Acquia Inc. — Confidential and Proprietary
![Page 165: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/165.jpg)
Translations: What Works Now?
–Placing Translatable entities
–Views, Blocks, Field values + Labels
©2018 Acquia Inc. — Confidential and Proprietary
![Page 166: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/166.jpg)
Translations: What Works Now?
–Example: http://lb/en/articles/dairy-free-and-delicious-milk-chocolate
©2018 Acquia Inc. — Confidential and Proprietary
![Page 167: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/167.jpg)
Other Options?
–Block Layout Replacement
–Full page Layout Builder
–Configuration(Deployable) Pages
©2018 Acquia Inc. — Confidential and Proprietary
![Page 168: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/168.jpg)
![Page 169: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/169.jpg)
Contrib Modules
©2018 Acquia Inc. — Confidential and Proprietary
•Layout Builder Styles
•Layout Builder Restrictions
•Layout Builder Library
![Page 170: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/170.jpg)
Contrib: Layout Builder Restrictions
–Allows restricting Blocks and Layouts
–Configurable per bundle per view mode
©2018 Acquia Inc. — Confidential and Proprietary
![Page 171: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/171.jpg)
Contrib: Layout Builder Styles
–Allows restricting Blocks and Layouts
–Configurable per bundle per view mode
©2018 Acquia Inc. — Confidential and Proprietary
![Page 172: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/172.jpg)
Contrib: Layout Builder Library
–Create & deploy pre-defined layouts
–Editors can pick from existing layouts
–Pre-defined Overrides©2018 Acquia Inc. — Confidential and Proprietary
![Page 173: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/173.jpg)
Join us forcontribution opportunities
Friday, April 12, 2019
Mentored Contributions
9:00-18:00Room: 602
First Time Contributor Workshop
GeneralContributions
9:00-12:00Room: 606
9:00-18:00Room: 6A
#DrupalContributions
![Page 174: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/174.jpg)
What did you think?
Locate this session at the DrupalCon Seattle website:http://seattle2019.drupal.org/schedule
Take the Survey!https://www.surveymonkey.com/r/DrupalConSeattle
![Page 175: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/175.jpg)
🤔Questions?
Live Demo?
Mini-Panels W/ Layout Builder?
![Page 176: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/176.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
![Page 177: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/177.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
Reusable Components
![Page 178: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/178.jpg)
Layout Builder
©2018 Acquia Inc. — Confidential and Proprietary
Reusable Components(like Mini-Panels)
![Page 179: layout builder seattle - DrupalCon · 2019. 4. 23. · - API First Team - UX Team - Layout builder - JSON API - Media Library - Security Issues ... Site builders and content authors](https://reader034.fdocuments.us/reader034/viewer/2022051905/5ff76b3781bb5846c5740bfb/html5/thumbnails/179.jpg)
Accessibility
©2018 Acquia Inc. — Confidential and Proprietary
•Quick demo