Bootstrap Blocks

用于 WordPress 的引导古腾堡块。该插件将 Bootstrap 组件和布局选项添加为 Gute erg 块。

特征
支持 Bootstrap v5 和 v4
支持 CSS 网格(实验性)
完全可定制的过滤器
通过选项页面或以编程方式使用常量进行配置
块模板可以在您的主题中被覆盖
这个插件的完整文档可以在 GitHub 上找到:https ://github.com/liip/bootstrap-blocks-wordpress-plugin#readme

可用块
容器

选项:

流体:如果启用,容器将使用完整的可用宽度,跨越视口的整个宽度。
流体断点:用于启用响应式容器。此功能仅适用于 Bootstrap v4.4+。容器将使用 100‰ 的宽度,直到达到指定的断点,之后定义的最大宽度将应用于每个更高的断点。
后边距:定义应在容器后添加的边距。

选项:

模板:从内部column块的预定义模板中选择。
无排水沟:禁用列之间的排水沟。
对齐:内部column块的水平对齐。
垂直对齐:内部column块的垂直对齐。
编辑器堆叠列:在编辑器中显示堆叠列以增强块内容的可读性。
水平排水沟:水平排水沟的大小。
垂直排水沟:垂直排水沟的大小。
CSS Grid Gutters:使用 CSS 网格时的间距大小。
柱子

选项:

所有断点的大小(xxl、xl、lg、md、 、xs):列应该为给定断点使用多少空间。
所有断点的宽度相等(xxl、xl、lg、md、 、xs):如果启用,列将与其他列均匀分布宽度。
背景颜色:将背景颜色设置为列。
内容垂直对齐:在列中垂直对齐内容。仅当设置了背景颜色时才需要此选项。否则使用外部块的对齐选项。row
填充:定义列内的填充。
按钮

选项:

样式:选择按钮的样式。
在新标签中打开:选择是否应在新标签中打开链接。
Rel:设置链接的rel属性。
对齐方式:按钮的水平对齐方式。
支持的引导版本
该插件支持 Bootstrap v4 和 v5。

可以在插件设置(设置>引导块)中选择版本,也可以通过WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION在文件中定义常量来选择wp-config.php:

引导程序 4(默认):define( 'WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION', '4' );
引导程序 5:define( 'WP_BOOTSTRAP_BLOCKS_BOOTSTRAP_VERSION', '5' );
现在可能的值是'4'or '5'。默认情况下,选择 Bootstrap 版本4。

CSS 网格
CSS 网格(Bootstrap >= 5.1.0 支持)可以在插件设置(Settings > Bootstrap Blocks)或通过WP_BOOTSTRAP_BLOCKS_ENABLE_CSS_GRID在文件中定义常量来启用wp-config.php:

例如。define( 'WP_BOOTSTRAP_BLOCKS_ENABLE_CSS_GRID', true );

当 CSS 网格启用时row,column块将使用自定义模板进行渲染过程:

排:row-css.grid.php
柱子:column-css-grid.php
该支持仍然是实验性的,因为它在 Bootstarp 库中也被标记为实验性的。请阅读官方Bootstrap 文档以获取有关如何使用它的更多信息。

引导库
请注意,此插件不包含您网站中的 Bootstrap 库。您需要自己执行此操作。我们决定不包含该库,以便您可以在加载之前根据自己的需要修改 Bootstrap。

functions.php您将在文档中找到如何将其包含在主题中的示例。

模板
所有块都实现为动态块。这使得覆盖主题中块的模板成为可能。

wp-bootstrap-blocks/要覆盖块模板,请在主题目录中创建一个文件夹。您可以从复制原始模板wp-bootstrap-blocks/src/templates/.php作为起点并根据需要进行调整。

要求
WordPress >= 5.0
PHP >= 5.6
更多的信息
文档:https ://github.com/liip/bootstrap-blocks-wordpress-plugin#readme
WordPress 插件:https ://wordpress.org/plugins/wp-bootstrap-blocks
GitHub 存储库:https ://github.com/liip/bootstrap-blocks-wordpress-plugin
更新日志:https ://github.com/liip/bootstrap-blocks-wordpress-plugin/releases
问题跟踪器:https ://github.com/liip/bootstrap-blocks-wordpress-plugin/issues