這個外掛並未在最新的 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.