Title: Bootstrap Blocks for WP Editor v2 Author: 3D Virge Published: 2019 年 2 月 20 日 Last modified: 2024 年 12 月 26 日 --- 搜尋外掛 ![](https://ps.w.org/wp-editor-bootstrap-blocks/assets/banner-772x250.png?rev=2538514) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。 ![](https://ps.w.org/wp-editor-bootstrap-blocks/assets/icon-256x256.png?rev=2538514) # Bootstrap Blocks for WP Editor v2 由 [3D Virge](https://profiles.wordpress.org/virgial/) 開發 [下載](https://downloads.wordpress.org/plugin/wp-editor-bootstrap-blocks.2.5.1.zip) * [詳細資料](https://tw.wordpress.org/plugins/wp-editor-bootstrap-blocks/#description) * [使用者評論](https://tw.wordpress.org/plugins/wp-editor-bootstrap-blocks/#reviews) * [開發資訊](https://tw.wordpress.org/plugins/wp-editor-bootstrap-blocks/#developers) [技術支援](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/) ## 外掛說明 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](https://bootstrapblocks.io/) ### 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: 1. On the ‘Plugins’ page: click on “add new” 2. Search “Bootstrap blocks for WP Editor” 3. Click “install now” 4. Activate Bootstrap blocks for WP Editor on the ‘Plugins’ page Or download it on the WordPress Plugins page and install manually: 1. On the ‘Plugins’ page: click on “add new” 2. Click on “Upload Plugin” 3. Choose the downloaded file on your hard drive 4. Click “install now” ## 螢幕擷圖 [⌊Bootstrap template page⌉⌊Bootstrap template page⌉[ Bootstrap template page [⌊Bootstrap page and editor options⌉⌊Bootstrap page and editor options⌉[ Bootstrap page and editor options [⌊Name container and options⌉⌊Name container and options⌉[ Name container and options [⌊Column breakpoint hidden order⌉⌊Column breakpoint hidden order⌉[ Column breakpoint hidden order [⌊Column views horizontal and vertical⌉⌊Column views horizontal and vertical⌉[ Column views horizontal and vertical [⌊fluid rows + columns⌉⌊fluid rows + columns⌉[ fluid rows + columns [⌊Wrapper container full page width⌉⌊Wrapper container full page width⌉[ Wrapper container full page width [⌊Bootstrap classes⌉⌊Bootstrap classes⌉[ Bootstrap classes [⌊Dashboard total⌉⌊Dashboard total⌉[ Dashboard total [⌊Collapse views Containers, rows and columns⌉⌊Collapse views Containers, rows and columns⌉[ Collapse views Containers, rows and columns [⌊Breakpoint tags⌉⌊Breakpoint tags⌉[ Breakpoint tags ## 適用於區塊編輯器 這個外掛提供 3 個可供 Gutenberg/區塊編輯器使用的區塊。 * Gtb Bootstrap Container * Gtb Bootstrap Row * Gtb Bootstrap Column ## 常見問題集 ### Is it active right away? Yes, after activating you can start right away with building bootstrap-based pages. ### What themes work with Bootstrap blocks for WP Editor? All themes. By using the Bootstrap page template you can create loads of independent pages based on the bootstrap grid. With some themes (Bootstrap and standard WordPress themes) it’s possible to make use of the themes’ headers and footers. ### Can I use this plugin for multisite? Yes. This plugin works on multisite environments. ### Is the plugin free? Yes, and you can do a lot of work with it! The full featured Design Package add- on is available for purchase on our website [on our website](http://bootstrapblocks.io/) ### Where can I ask for support? Please visit our website and drop your questions [on our website](http://bootstrapblocks.io/) ### Do you need to be a developer to comprehend the use of this plugin? No. Developers and editors easily create and edit bootstrap pages within the WP Editor. There’s no coding required. ## 使用者評論 ![](https://secure.gravatar.com/avatar/372b78145a0850c5aa63b9d053bd26b78ccfb216c8530dc1ae9771c4f941ffc9? s=60&d=retro&r=g) ### 󠀁[Not usable at all](https://wordpress.org/support/topic/not-usable-at-all/)󠁿 [wpdude777](https://profiles.wordpress.org/wpdude777/) 2022 年 8 月 12 日 What is it? You can add a BUTTON in a free version of this plugin. a BUTTON! Do not waste your time by downloading this ![](https://secure.gravatar.com/avatar/b23598064573cc60567b2d68739be10182ac78c4abeed1e48d38b407501d97c5? s=60&d=retro&r=g) ### 󠀁[The Bootstrap plugin](https://wordpress.org/support/topic/the-bootstrap-plugin/)󠁿 [francisdonatello](https://profiles.wordpress.org/francisdonatello/) 2021 年 5 月 30 日 I like this way to build pages within de Wordpress editor based on my own developed Bootstrap themes. Great job. Offers a lot more tooling than competitors. Free version is a kind of pushy though. Maybe you should remove the adverts in the editor? ![](https://secure.gravatar.com/avatar/cc93b3d1cda05d057d37c8a5ebbe87d54a3ac912cb41ecc194c4440dd4874e89? s=60&d=retro&r=g) ### 󠀁[Look like [bad stuff]](https://wordpress.org/support/topic/look-like-badstuff/)󠁿 [azergzlli](https://profiles.wordpress.org/azergzlli/) 2020 年 10 月 5 日 1 則留言 not contain anythink ![](https://secure.gravatar.com/avatar/1da2c9747ff793ab0bf2015776c3a35af9f8c256933c5410b1f71a8326d99659? s=60&d=retro&r=g) ### 󠀁[It’s Realy Help me. Bootstrap + Gutenberg + ACF Block solved!](https://wordpress.org/support/topic/its-realy-help-me/)󠁿 [shaid85](https://profiles.wordpress.org/shaid85/) 2020 年 6 月 2 日 it added row and col class successfully, which I need. I am using ACF Block. ![](https://secure.gravatar.com/avatar/25e1a73961052a1fc288f15e37f698976e7799196390c0ac1ff54f4314aa1955? s=60&d=retro&r=g) ### 󠀁[Free version is unusable. Very limited.](https://wordpress.org/support/topic/free-version-is-unusable-very-limited/)󠁿 [betagoo](https://profiles.wordpress.org/betagoo/) 2019 年 9 月 4 日 Free version is unusable. Very limited. Better use Gutenstrap Blocks https://wordpress. org/plugins/gutenstrap-blocks/ ![](https://secure.gravatar.com/avatar/d931e00ab4f707e2dde04a84a4d34b65ea35a8640e303734614dcd1b9fc13b54? s=60&d=retro&r=g) ### 󠀁[This version already has a lot of nice stuff 🙂](https://wordpress.org/support/topic/this-version-already-has-a-lot-of-nice-stuff/)󠁿 [onqi](https://profiles.wordpress.org/onqi/) 2019 年 4 月 29 日 1 則留言 Don’t know about the previous version?! but this version is great for me. I can add classes to the columns, add different rows and set multiple breakpoints :-). Don’t need more for now. Like to know what ‘Lock container layout for editor’ means do (grayed out). Can’t find anything about it. Keep up the good work guys! [ 閱讀全部 8 則使用者評論 ](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Bootstrap Blocks for WP Editor v2〉的開發相關工作。 參與者 * [ 3D Virge ](https://profiles.wordpress.org/virgial/) [將〈Bootstrap Blocks for WP Editor v2〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/wp-editor-bootstrap-blocks) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/wp-editor-bootstrap-blocks/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/wp-editor-bootstrap-blocks/)， 或透過 [RSS](https://plugins.trac.wordpress.org/log/wp-editor-bootstrap-blocks/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/wp-editor-bootstrap-blocks/)。 ## 變更記錄 #### 2.5.1 * Security and bug fixes. #### 2.5.0 * Bug fixes and compatibility adjustments for optimal user experience with the latest WordPress editor version * Added visible units in responsive spacer * updated the colour selectors and moved them to the styles tab * Added alpa coloring * Added a custom code texture for adding custom css in the head. * Optimized layouts in the editor * Added XXL columns screen-size and visibility support * Refactored the locked layout. Locking wil now show a more compacted layout in the editor. #### 2.2.0 * Fixed colour issues * Minor bugs fixes * Responsive spacer exended with multiple units • Fixed default inserted containers not containing any columns in WordPress > 6.1.1 #### 2.1.0 * Added support for multisite environment * Minor bugs fixes #### 2.0.2 * Fix missing toggle in editor role #### 2.0.1 * Small visual css bugfix #### 2.0.0 Added * 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.0 * 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 #### 1.3.2 Added * Extra options unlocked in free version * Collapse containers option for clear overview in the Editor * Add labels to containers for clear overview in the Editor * Lock container layouts to avoid unintended changes by editors * More clear layout of settings page * Enhanced row percentage settings * Enhanced responsive spacer block #### 1.2.0 First live version. #### 0.1.9 * It all starts here. ## 中繼資料 * 版本 **2.5.1** * 最後更新 **2 年前** * 啟用安裝數 **300+** * WordPress 版本需求 ** 6.0 或更新版本 ** * 已測試相容的 WordPress 版本 **6.7.5** * PHP 版本需求 ** 7.4 或更新版本 ** * 語言 * [English (US)](https://wordpress.org/plugins/wp-editor-bootstrap-blocks/) * 標籤: * [blocks](https://tw.wordpress.org/plugins/tags/blocks/)[bootstrap](https://tw.wordpress.org/plugins/tags/bootstrap/) [breakpoints](https://tw.wordpress.org/plugins/tags/breakpoints/)[container](https://tw.wordpress.org/plugins/tags/container/) [page builder](https://tw.wordpress.org/plugins/tags/page-builder/) * [進階檢視](https://tw.wordpress.org/plugins/wp-editor-bootstrap-blocks/advanced/) ## 評分 3 星，滿分為 5 星 * [ 4 個 5 星使用者評論 ](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/reviews/?filter=2) * [ 4 個 1 星使用者評論 ](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/reviews/) ## 參與者 * [ 3D Virge ](https://profiles.wordpress.org/virgial/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/)