logo

额外区块类型 (EBT) - 全新的布局构建器体验❗

额外区块类型 (EBT) - 样式化、可定制的区块类型:幻灯片、标签页、卡片、手风琴等更多类型。内置背景、DOM Box、JavaScript 插件的设置。立即体验布局构建的未来。

演示 EBT 模块 下载 EBT 模块

❗额外段落类型 (EPT) - 全新的 Paragraphs 体验

额外段落类型 (EPT) - 类似的基于 Paragraph 的模块集合。

演示 EPT 模块 滚动

滚动
28/09/2025, by Ivan

创建新 EBT 模块的最简单方法是使用 Drush 命令(适用于 Drush 12+)。要使用此命令,您需要启用 EBT Core Starterkit 模块:

EBT Starterkit

之后,EBT 模块生成器将可用:

drush generate ebt:module

机器名需以 ebt_* 前缀开头,这是所有 EBT 模块正常工作的必需条件。

28/09/2025, by Ivan

创建新的 EBT 设置表单类

我从许多程序员那里听到过对 EBT 模块设置数量的担忧:DOM Box、背景、边框、类等。这些程序员暗示内容编辑可能会感到困惑,或者在某种程度上被鼓励创建完全不同的区块、边距和背景。有些项目需要灵活性和更多的设置供内容编辑使用,但有些项目则有相当严格的组件规范。对于这种情况,我们需要更改我们的 EBT 设置字段小部件。

另外,如果您创建了一个新的 EBT 模块并附加了带有选项的 javascript 插件,您将需要使用自己的 EBT 设置小部件,并为这些选项添加设置字段。

EBT Core 模块有一个用于 EBT 设置字段小部件的 EbtSettingsDefaultWidget 类。它包含 DOM Box、背景和所有其他设置。我们开始创建一个新的类 EbtSettingsSimpleWidget(我会将它放在 EBT Core 模块中)。它只包含三个设置:宽度、间距(用于区块下方的边距)。

创建一个新文件:
/src/Plugin/Field/FieldWidget/EbtSettingsSimpleWidget.php

28/09/2025, by Ivan

EBT:标签页 Drupal 模块概述

扩展区块类型 (EBT):标签页模块创建了一个新的标签页区块类型。标签页内容可以是区块、页面、Views 和格式化文本。标签页基于 jQuery UI Tabs 插件,并具有该 jQuery 插件的各种设置。

你可以从 Drupal.org 下载 EBT 标签页:

https://www.drupal.org/project/ebt_tabs

composer require drupal/ebt_tabs

EBT 标签页基于 jQuery UI Tabs 插件:

https://jqueryui.com/tabs/

安装完成后,Drupal EBT 标签页模块会添加一个新的标签页区块类型。

EBT 标签页包含所有 EBT 模块功能,包括 DOM Box、背景颜色 / 图片 / 视频、Edge to Edge 设置:

28/09/2025, by Ivan

EBT Webform 弹出窗口 Drupal 模块概述

扩展区块类型 (EBT):Webform 弹出模块提供了在弹出窗口中添加 Webform 的功能。按钮和弹出窗口可以通过设置表单进行自定义。

你可以从 drupal.org 下载 EBT Webform 弹出模块:

https://www.drupal.org/project/ebt_webform_popup

composer require drupal/ebt_webform_popup

EBT 基础按钮包含所有 EBT 模块功能,包括 DOM Box、背景颜色 / 图片 / 视频、Edge to Edge 设置:

https://drupalbook.org/ebt/demo

27/09/2025, by Ivan

EBT:计数器模块概述

扩展区块类型 (EBT):计数器模块提供了添加数字计数器和带有 WYSIWYG 编辑器的文本的功能。该模块提供了 2、3 或 4 列的设置,以及来自 Count-up.js 插件的所有选项:

https://github.com/inorganik/countUp.js

下载 EBT 计数器模块:

https://www.drupal.org/project/ebt_counter

EBT 计数器包含所有 EBT 模块功能,包括 DOM Box、背景颜色 / 图片 / 视频、Edge to Edge 设置:

https://drupalbook.org/ebt/demo