[WordPress] 外掛分享: Bootstrap Blocks for WP Editor v2

WordPress 外掛 Bootstrap Blocks for WP Editor v2 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Bootstrap Blocks for WP Editor v2」是 2019-02-19 上架。
  • 目前有 300 個安裝啟用數。
  • 上一次更新是 2024-12-26,距離現在已有 128 天。
  • 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
  • 有 8 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

virgial |

外掛標籤

blocks | bootstrap | container | breakpoints | page builder |

內容簡介

這個外掛是針對 Bootstrap 網站的基本 WP Editor插件。全面並且易於管理的響應式容器、行和列。開發者和編輯人員可以輕鬆在WP Editor中創建和編輯 Bootstrap 頁面,無需編寫代碼。此外,它與其他許多外掛結合使用時效果也非常好。

不管是使用自己開發的 Bootstrap 主題還是普通主題都可以使用它。

無論是想建立完整的 Bootstrap WordPress 網站還是只想快速建立臨時頁面,Bootstrap Blocks for WP Editor 外掛都可以讓你使用已啟用的 WordPress 主題。但你也可以選擇從頭開始,不包括標題和頁腳。 一切由你決定。

Bootstrap Blocks for WP Editor v2 的功能:

v2中的新增功能:

- 對齊列:左、中、右
- 設置每個斷點的列可見性
- 設置每個斷點的每個列順序
- 容器包裝器:全寬背景顏色和設置額外的類
- 容器和列背景顏色選項
- Bootstrap按鈕
- 獨立文本部分的著色
- 響應式間距著色
- 對斷點的響應式空間的可見性
- 適用於 Bootstrap 5.0
- Editor:可調整視圖寬度(高達屏幕寬度的100%)
- Editor:折疊容器、行和列以獲得更好的概述
- Editor:垂直和水平查看列
- Editor:斷點標籤以快速概述

已有的功能:

- 在 WP Editor 中插入容器、行和列
- 针对 Bootstrap 斷點定义列(設計包裝用至5個)
- 在 Bootstrap 網格中使用WP Editor塊
- 与使用 Bootstrap 網格的主題无缝集成
- 与没有使用 Bootstrap 網格的主題无缝集成
- 設置整体身份颜色并将其应用于 WP Editor
- 选项:使用空白Bootstrap页面模板开始
- 选项:从插件仪表板启用Bootstrap网格
- 选项:在“Bootstrap页面”模板页面上将页面标题包装在Bootstrap网格中
- 选项:在“Bootstrap页面”模板页面上隐藏默认页面标题
- 在 Editor 中折叠容器以清晰概述
- 为 Editor 添加容器标签以清晰概述

Design Package 插件的额外功能:

- 设置所有(5)Bootstrap 断点的列使用方式
- 使用标准的 Bootstrap 类(例如 mx-auto)
- 響應式空白塊(不是基於像素而是基于屏幕尺寸)
- 在“Bootstrap页面”模板页面上关闭默认的页眉和页脚
- 完全控制距离设置
- 利用流体容器
- 锁定容器布局以避免编辑人員的意外更改

更多信息可在我們的網站上查看。

要求:

- WordPress 5.0 及更高版本
- Bootstrap 4.0 及更高版本

安裝方法:

- 通过您的WordPress插件页面添加免费的Bootstrap Blocks for WP Editor插件:
- 在“插件”页面上:点击“添加新”
- 搜索“Bootstrap Blocks for WP Editor”
- 点击“立即安装”
- 在“插件”页面上激活Bootstrap Blocks for WP Editor
- 或者在WordPress插件页面上进行下载并手动安装:
- 在“插件”页面上:点击“添加新”
- 搜索“Bootstrap Blocks for WP Editor”
-点击“下载”
-安装并激活 Bootstrap Blocks for WP Editor。

原文外掛簡介

The essential WP Editor Plugin for Bootstrap websites. Fully manageable responsive containers, rows and columns. Developers and editors easily create and edit bootstrap pages within the WP Editor. Without coding. Works perfectly in combination with loads of other plugins.
Use it with self-developed Bootstrap themes or regular themes!
Whether you want to set up a complete Bootstrap WordPress site or just want to quickly set up a temporary page. The Bootstrap blocks for WP Editor plugin enables you to make use of your activated WordPress theme. But you can also choose to start without the header and footer and start with a fresh page. Without any header and footer. It’s all up to you.
Features of Bootstrap Blocks for WP Editor v2:
NEW! in v2:

Align columns in row: left, center and right
Set visibility of columns per breakpoint
Set order of each column per breakpoint
Container wrapper: full width background colours and set additional class
Container and column background color option
Bootstrap button
Independent text parts colouring
Responsive spacer colouring
Responsive spacer visibility per breakpoint
Optimized for Bootstrap 5.3
Editor: adjustable view width (up to 100% of screen width)
Editor: collapse containers, rows and columns for better overview
Editor: view columns vertical and horizontal
Editor: breakpoint labels for quick overview

Features that were already there:

Insert containers, rows and columns in the WP Editor
Use the WP Editor blocks in the Bootstrap grid
Seamless integration with themes that use Bootstrap grid
Seamless integration with themes that do not use Bootstrap grid
Set overall identity colours and apply these in WP Editor
Option: start with empty ‘Bootstrap Page’ template
Option: enable Bootstrap grid from plugin dashboard
Option: wrap page title in Bootstrap grid on ‘Bootstrap page’ template pages
Option: hide default page title on ‘Bootstrap page’ template pages
Collapse containers for clear overview in the Editor
Add labels to containers for clear overview in the Editor

Extra Features of the Design Package add-on:

Set column use for all (6) Bootstrap breakpoints
Use of standard Bootstrap classes (such as mx-auto)
Responsive Spacer Block (not pixel based, but screen size based)
Suppress default header and footer on ‘Bootstrap page’ template pages
Full control over gutter setting
Make use of fluid containers
Lock container layouts to avoid unintended changes by editors
Editor: custom CSS code editor for adding css only to current post-item

More information on our website
Requirements:

WordPress 6.0 and up
Bootstrap 4.0 and up

Installation:
Add the free Bootstrap blocks for WP Editor plugin via your WordPress plugins page:

On the ‘Plugins’ page: click on “add new”
Search “Bootstrap blocks for WP Editor”
Click “install now”
Activate Bootstrap blocks for WP Editor on the ‘Plugins’ page

Or download it on the WordPress Plugins page and install manually:

On the ‘Plugins’ page: click on “add new”
Click on “Upload Plugin”
Choose the downloaded file on your hard drive
Click “install now”

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Bootstrap Blocks for WP Editor v2」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.2.0 | 1.3.2 | 2.0.0 | 2.0.1 | 2.1.0 | 2.2.0 | 2.5.0 | 2.5.1 | trunk |

延伸相關外掛(你可能也想知道)

  • Custom Breakpoints for Elementor 》Custom Breakpoints for Elementor 可以幫助您針對任何裝置(如手機、平板、筆記型電腦、桌上型電腦)設定適當的響應式值,以便設計適合該裝置的頁面。, , 17...。
  • Blocks Grid Builder For Bootstrap 》透過 WordPress Gutenberg 編輯器的現代拖放和可調整大小介面,輕鬆建立複雜的 Bootstrap 網格,只需點擊滑鼠即可支援從手機螢幕到大型電視的各種主要螢幕大...。

文章
Filter
Mastodon