[WordPress] 外掛分享: Gutenstrap Blocks

首頁外掛目錄 › Gutenstrap Blocks
WordPress 外掛 Gutenstrap Blocks 的封面圖片
50+
安裝啟用
★★★★
4/5 分(2 則評價)
2499 天前
最後更新
問題解決
WordPress 5.2+ PHP 5.6+ v1.0.0 上架:2019-06-06

內容簡介

此外掛在 Gutenberg WordPress 編輯器中添加 Bootstrap 4 元件和網格佈局,增強了編輯體驗,專注於發揮庫中記錄的功能。結合 Gutenberg 和 Bootstrap 的功能,輕鬆創建任何複雜度的佈局!

支援的 Bootstrap 區塊和格式:

容器 - 包括流體容器
行 - 包括彈性盒子垂直和水平對齊類別以及無間隙類別
列 - 允許設置相等大小的列、自動大小、列大小和偏移量
按鈕 - 主題顏色選擇器、輪廓和塊樣式、小型和大型尺寸
警告框 - 主題顏色選擇器,包括可解除警告,並允許嵌套其他區塊
徽章 - 主題顏色選擇器,包括糖丸樣式

你甚至可以嵌套行!

Bootstrap 库

在管理區域中包括 CSS,以便在 Gutenberg 中進行編輯時更加輕鬆,樣式帶有.bootstrap-styles類。如果你不使用基於 Bootstrap 的主題,可以選擇在前端包括 Bootstrap 4.3.1。

需求

WordPress >= 5.2
PHP >= 5.6

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「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

延伸相關外掛

文章
Filter
Apply Filters
Mastodon