演示：EBT 区块
使用 EBT 模块，你可以轻松建立着陆页，而无需任何 HTML/CSS 知识。
与 Layout Builder 和 Drupal 区块轻松配合使用
EBT 模块会创建可以在 Layout Builder 中使用的区块类型：
因此，你可以在任意 Layout Builder 页面中通过几次点击添加新区块。
以下是有关 Layout Builder 模块的更多信息：
https://www.drupal.org/docs/8/core/modules/layout-builder
区块内容和设置
在区块编辑表单中，你会发现两个标签：内容和设置。内容标签包含字段：标题、文本、图像等。设置标签包含 EBT 通用设置“设计选项”，例如 DOM Box，以及模块特定设置：JavaScript 插件设置、预定义样式：
DOM Box：外边距、边框、内边距
每个 EBT 区块都有 DOM Box 设置，用于设置区块上下的间距以及区块内部的内边距：
你可以只为一个边、两个边或所有边设置边框。不要忘记在 DOM Box 中输入边框大小，否则边框不会显示。
背景颜色、图像或视频
所有 EBT 区块类型都有背景设置。它支持基于 Media 模块的背景颜色、图像和远程视频。
通过调整 DOM Box 让区块看起来更好，尝试添加额外的内边距、外边距或边框。以下是 EBT Accordion/FAQ 模块的示例：
https://www.drupal.org/project/ebt_accordion
背景视频
目前 EBT 区块仅支持 YouTube 背景视频。
常见问题 (FAQ)
程序员通常在哪里聚集？
程序员通常在哪里聚集？
在 Stack Overflow 休息室。
你能给我一首编程音乐吗？
你能给我一首编程音乐吗？
C#
在背景图像样式（Background Image Style）字段中，你可以选择图像背景的行为，如果你的图片太小，可以尝试选择“覆盖（Cover）”或“视差（Parallax）”以使背景图像适应整个区块：
边到边区块（Edge to Edge blocks）
在着陆页（Landing pages）中，我们经常需要全宽背景并使内容居中。在 EBT 设置中，你有一个“Edge to Edge”复选框，可以让区块成为全宽外部容器：
结果：
常见问题 (FAQ)
生命的意义是什么？
生命的意义是什么？
42
最受欢迎的编程问题是什么？
最受欢迎的编程问题是什么？
缺少分号。
每个程序员最先学会编写的两个词是什么？
每个程序员最先学会编写的两个词是什么？
“你好，世界。”
程序员是在哪里学习编程的？
程序员是在哪里学习编程的？
在 Stackoverflow 大学。
编程中的黄金法则是什么？
编程中的黄金法则是什么？
如果它能正常运行，就不要动它。
容器最大宽度（Container Max Width）有助于调整 Edge to Edge 区块内部内容的宽度。当我们让区块占据全宽时，需要为文本设置宽度，有时不同的区块需要不同的宽度。你可以更改容器最大宽度类的数值，默认情况下 EBT 提供以下容器宽度：
- 自动 (100%) - 文本容器全宽
- 特小 (xxSmall) - 280px
- 超小 (xSmall) - 480px
- 小 (Small) - 780px
- 默认 (Default) - 960px
- 大 (Large) - 1120px
- 超大 (xLarge) - 1320px
- 特大 (xxLarge) - 1600px
预定义样式
通常 EBT 模块带有一组预定义样式。这有助于在着陆页中为新组件设置样式时节省时间。你也可以创建自己的样式并将其添加到 EBT 模块中。
结果：
常见问题 (FAQ)
作为程序员，十年后你认为自己会在哪里？
作为程序员，十年后你认为自己会在哪里？
坐在电脑前，可能在编程。
你能用四个词总结程序员的生活吗？
你能用四个词总结程序员的生活吗？
吃。睡。写代码。重复。
程序员是如何享受生活的？
程序员是如何享受生活的？
当他们看到自己的代码运行没有错误时。
计算机编程中最大的谎言是什么？
计算机编程中最大的谎言是什么？
HTML 是一种编程语言。
预定义样式可能不适合你的网站，因此你可以在自定义主题中覆盖它们。如果你发现了一个错误，或者想要对样式或 EBT 模块的功能提出改进建议，可以随时在 drupal.org 上为特定的 EBT 模块提交工单。
可定制的 JavaScript 插件
一些 EBT 模块（例如 EBT Slideshow）使用 JavaScript 插件：
https://www.drupal.org/project/ebt_slideshow
你可以根据自己的需求调整这个 JavaScript 插件：
根据你的设置，EBT Slideshow 可以是单张幻灯片的滑块，也可以是多张幻灯片的轮播：
单幻灯片模式：
多幻灯片 - 轮播模式：
结果：
幻灯片 - 轮播模式
