用于 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/
要求
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