這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

Gutenstrap Blocks

外掛說明

This plugin adds Bootstrap 4 components and grid layout to Gutenberg WordPress editor. It enhances editing experience focusing on making the most of library’s documented features. Combine power of Gutenberg and Bootstrap to create a layout of any complexity with ease!

Supported Bootstrap blocks and formats:

  • Container – includes fluid container
  • Row – includes flexbox vertical and horizontal alignment classes and no gutters class
  • Column – allows to set equal sized columns, auto size, number column size and offset
  • Button – theme color selector, outline and block styles, small and large sizes
  • Alert – theme color selector, includes dismissible alerts and allows to nest other blocks
  • Badge – theme color selector, includes pill style

You can even nest rows!

Bootstrap library

CSS is included in the admin area to make editing in Gutenberg easier and styles are prefixed with .bootstrap-styles class. You can choose if you want to include to Bootstrap 4.3.1 on the front-end if you aren’t using Bootstrap based theme.

Requirements

  • WordPress >= 5.2
  • PHP >= 5.6

螢幕擷圖

  • Easily create your grid layout however complex you need.
  • Button component.
  • Alert component built in line with Bootstrap 4 documentation.

安裝方式

Using CMS:
1. Go to “Plugins” “Add New”
1. Search “Gutenstrap Blocks”
1. Click “Install Now”
1. Activate the plugin

Manual:
1. Go to “Plugins” “Add New”
1. Click “Upload Plugin”
1. Select plugin file
1. Click “Install Now”
1. Activate the plugin

常見問題集

Can I customize Bootstrap styles in the editor?

Yes. Prefix your styles with .bootstrap-styles class and include prefixed Bootstrap 4 css on admin side.

Example of how to prefix styles using SASS:
.bootstrap-styles {
@import '~bootstrap/scss/bootstrap';
}

Will there be more blocks?

Yes! Anything is possible with your support.

使用者評論

閱讀全部 2 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Gutenstrap Blocks〉的開發相關工作。

參與者

〈Gutenstrap Blocks〉外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Gutenstrap Blocks〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.0

  • Initial release.