Editor Blocks for Gutenberg

外掛說明

A unique collection of Gutenberg blocks. Here’s an example of a full page created with Editor Blocks – Editor Blocks Demo

The Blocks

Wrapper Block

Add a background image or color to any block, as well as padding and margins.

Hero Block

Pair this block with the wrapper block to create stunning hero areas.

Pricing Table Block

Beautiful 2, 3, 4 or 5 column pricing tables

Author Profile Block

Display a WordPress user’s profile dynamically using this block.

Team Members Block

Display a list of team members in a multi-column layout.

Testimonial Block

Showcase your client testimonials with this beautiful block.

Callout Block

Draw your visitors attention to your high-value pages or newsletter using an inline callout.

Brands Block

Display a collection of logos in a row. Perfect for highlighting your partners or clients.

Features Block

Display an organised feature list in columns. Accompany each feature with an image or icon.

Horizontal Feature Block

Highlight a key feature of your product or service using this horizontal display.

Vertical Feature Block

Highlight a key feature of your product or service using this vertical display.

設計考量

Editor Blocks look better with a wide layout, we recommend using a ‘Full Width’ page template if your theme has one. We’ve also built a (free) companion theme you can use:

Editor Blocks Theme
Editor Blocks Theme Setup

Source Code and Contributions

The entire source code of this plugin can be found on GitHub:

Editor Blocks GitHub

There are various ways you can contribute:

  1. Raise an Issue on GitHub
  2. Send a Pull Request with your bug fixes and/or new features
  3. Provide a Translation

螢幕擷圖

  • Gutenberg [價格表] 區塊
  • Gutenberg [特色內容] 區塊
  • Gutenberg [團隊成員] 區塊

適用於區塊編輯器

這個外掛提供 12 個可供 Gutenberg/區塊編輯器使用的區塊。

editor-blocks/brands
Brands (EB)
editor-blocks/testimonial
Testimonial (EB)
editor-blocks/vertical-feature
Vertical Feature (EB)
editor-blocks/intro
Intro (EB)
editor-blocks/callout
Callout (EB)
editor-blocks/author-profile
Author Profile (EB)
editor-blocks/hero
Hero (EB)
editor-blocks/team
Team (EB)
editor-blocks/pricing-table
Pricing Table (EB)
editor-blocks/wrapper
Wrapper (EB)
editor-blocks/horizontal-feature
Horizontal Feature (EB)
editor-blocks/features
Features (EB)

安裝方式

這個外掛須要網站先安裝 Gutenberg 才能正確執行。Gutenberg 及 Editor Blocks for Gutenberg 均可於管理後台進行安裝。

1) 登入 WordPress 管理後台。
2) 前往 [外掛] [安裝外掛]。
3) 在搜尋框中輸入關鍵字 Editor Blocks。
4) 在搜尋結果中的 Editor Blocks for Gutenberg 外掛出現後,點擊 [立即安裝],然後點擊 [啟用]。

常見問題集

Editor Blocks for Gutenberg 是否相容其他佈景主題?

Editor Blocks for Gutenberg 相容於所有佈景主題,但是依據各個網站使用的佈景主題樣式的不同,這個外掛所產生的 Gutenberg 區塊內容顯示出來的會與官方示範有所差異。這也是為什麼我們開發了可供大家免費下載、針對 Editor Blocks for Gutenberg 進行過最佳化的佈景主題:

Editor Blocks 佈景主題

使用者評論

九月 18, 2018
All the blocks are amazing, well designed, they're way better than the default Gutenberg Blocks, this plugin is how Gutenberg should work!
八月 16, 2018
They are getting beter and better. Support is resonsive. The wrapper blok is a big hit, I already use it a lot on most of my pages.
閱讀全部 3 則使用者評論

參與者及開發者

Editor Blocks for Gutenberg 外掛為開源軟體。以下人員為這個外掛做出了重大貢獻。

參與者

Editor Blocks for Gutenberg 外掛目前已有 3 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將 Editor Blocks for Gutenberg 外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

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

變更記錄

1.1.8

Remove Gutenberg plugin dependency

1.1.8

Add block descriptions
Fix enqueue handles

1.1.7

Improve ‘Author Block’ UI

1.1.6

Improve i18n support
Add ‘Author Profile’ Block
Remove DGB notice if already active

1.1.5

Improve 5.0 compatibility

1.1.4

Fix missing image in ‘Features’ block

1.1.3

Fix missing dependencies in Gutenberg v4.5

1.1.2

Fix deprecated ‘PanelColor’

1.1.1

Fix problem with floats: https://github.com/WordPress/gutenberg/pull/11357#issuecomment-436529844

1.1.0

Refactor code to be easier to read
Fix:https://wordpress.org/support/topic/when-adding-two-or-more-brands-eb-the-images-are-the-same-in-all-of-them/

1.0.6

Pricing Table Block: fix missing button URL Setting
Group colors using PanelColorSettings component

1.0.5

Callout Block: Fix buttonURL

1.0.42

Improve compatibility with ‘Block Lite’ theme.

1.0.41

Update internal version number for cache busting.

1.0.4

Wrapper Block: Fix alignfull.
Compress dist CSS/JS.

1.0.3

Add version number to script/style enqueues.
Wrapper Block: Add ‘Full Width Background’ switch.
Wrapper Block: Add ‘Position’ select when a ‘Max Width’ is set.
Wrapper Block: Improve ‘Background Image’ setting.

1.0.2

Add more plugin assets.

1.0.1

Add plugin assets.

1.0.0

Initial release.