logo

Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll
02/09/2025, by Ivan

EPT 模块允许你在自定义主题中覆盖模板。

现在新增了带有 --custom 后缀的主题建议,因此你可以在自定义主题中覆盖模板:

block--block-content--ebt-accordion--custom.html.twig
block--block-content--ebt-accordion.html.twig
paragraph--ept-accordion--default--custom.html.twig
paragraph--ept-accordion--custom.html.twig
paragraph--ept-accordion--default.html.twig

只需从所需的 EPT 模板中复制现有模板代码,并将其以 --custom.html.twig 后缀命名放入你的自定义主题中即可。

02/09/2025, by Ivan

EPT 模块允许你在自定义主题中覆盖模板。

系统新增了带有 --custom 后缀的主题建议,因此你可以在自定义主题中覆盖模板:

block--block-content--ebt-accordion--custom.html.twig
block--block-content--ebt-accordion.html.twig
paragraph--ept-accordion--default--custom.html.twig
paragraph--ept-accordion--custom.html.twig
paragraph--ept-accordion--default.html.twig

只需将所需 EPT 模板中的现有模板代码复制到你的自定义主题中,并添加 --custom.html.twig 后缀即可。

02/09/2025, by Ivan

创建新的 EPT 设置表单类

我从许多程序员那里听到对 EPT 模块设置数量的担忧:DOM 盒(DOM Box)、背景、边框、类等。这些程序员认为内容编辑可能会被这些设置搞糊涂,或者在另一种情况下被“鼓励”去做出截然不同的段落、边距、背景。一些项目需要为内容编辑提供灵活性和更多设置,但也有一些项目拥有非常严格的组件式故事手册。针对这种情况,我们需要改变我们的 EPT Settings 字段小部件(field widget)。

另外,如果你创建了一个新的 EPT 模块并附带了带选项的 JavaScript 插件,你将需要使用你自己的 EPT 设置小部件,并为这些选项提供设置字段。

EPT Core 模块提供了用于 EPT Settings 字段小部件的 EptSettingsDefaultWidget 类。它包含 DOM 盒、背景和所有其他设置。现在让我们开始创建一个新的类 EptSettingsSimpleWidget(我会把它放在 EPT Core 模块中)。它将只包含三个设置:宽度(Width)、间距(Spacing,用于段落下方的外边距)。

创建新文件:
/src/Plugin/Field/FieldWidget/EptSettingsSimpleWidget.php