前言介紹
- 這款 WordPress 外掛「Block Designer – Create Custom Blocks for Gutenberg Editor」是 2022-07-14 上架。
- 目前有 100 個安裝啟用數。
- 上一次更新是 2025-04-11，距離現在已有 22 天。
- 外掛最低要求 WordPress 5.9.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.3 以上。
- 有 3 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
ehtmlu |
外掛標籤
style | design | gutenberg | block-editor | custom blocks |
內容簡介
使用這個外掛，您可以自訂 WordPress Gutenberg 區塊編輯器的區塊，而不需要寫任何程式碼。
✔ 創建 Gutenberg 區塊的最快方式
✔ 極易於使用和視覺化操作
✔ 您的自訂區塊是完全 WYSIWYG 的（無需表單）
—
Martin Sauter：
⭐⭐⭐⭐⭐ 到目前為止最好的視覺化自訂區塊創建器
如果您已經嘗試過 Lazy Blocks 或 Genesis Custom Blocks，並且正在尋找更視覺化的方法來創建和使用自訂區塊，則此外掛適合您：創建自訂區塊非常類似於在 Gutenberg 區塊編輯器中建立文章（無需編程），並使用您的自訂區塊是完全 WYSIWYG 的（無需表單）
>原始評論
—
教學（創建 Gutenberg 的地址區塊）：
在 YouTube 上打開教學
—
即時預覽
在此測試最新版本：
> > > 打開即時預覽 < < <
—
支援的元素
HTML 元素
圖示
靜態文本
作者圖像
作者連結
作者 RichText
內部區塊
支援的樣式
顯示（block、flex、inline-block、inline、none）
Flex（方向、反轉、對齊、排列、間隙、折疊）
Flex 子項目（縮小、增加、自我對齊）
間距（邊緣、填充）
大小（寬度、高度、最小寬度、最小高度、最大寬度、最大高度）
溢出（可見、隱藏、滾動、自動）
排版（字重、字型、字體大小、行高、顏色、文本對齊、文本裝飾）
邊框（半徑、樣式、寬度、顏色）
背景（顏色、線性漸變、放射狀漸變）
效果（方框陰影）
如何使用
設計您的區塊
首先，在區塊設計器中使用不同的 HTML 元素和樣式設計您的區塊。
您可以定義區域，讓作者在 WordPress 區塊編輯器中插入圖像和文本。
設計完成後，您只需要啟用並保存它。
使用您的區塊
如果您啟用並保存了區塊，您將在 WordPress 區塊編輯器的插入器面板中找到您的區塊。
只需像普通區塊一樣插入即可。
如果您為作者輸入定義了區域，現在可以添加您的內容。
保存您的頁面/文章，享受您在網站上的成果😉
原文外掛簡介
Design your own custom blocks for the WordPress Gutenberg Block Editor without any line of code.
✔ fastest way to create your block for Gutenberg
✔ Incredibly easy and intuitive to use
✔ Your custom blocks are completely WYSIWYG (no form)
—
Tutorial (create an address block for Gutenberg):
open tutorial on YouTube
—
Live Preview
Test the latest version here:
> > > open LIVE PREVIEW
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Block Designer – Create Custom Blocks for Gutenberg Editor」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.1.0 | 1.1.1 | 1.2.0 | 1.2.1 | 1.3.0 | 1.3.1 | 1.4.0 | 1.5.0 | 1.5.1 | 1.6.0 | 1.6.1 | 1.6.2 | 1.6.3 | 1.6.4 | 1.6.5 | 1.7.0 | 1.7.1 | 1.7.2 | 1.7.3 | 1.7.4 | 1.7.5 | 1.8.0 | 1.8.1 | 1.8.2 | 1.9.0 | 1.9.1 | 1.9.2 | 1.9.3 | 1.9.4 | 1.9.5 | trunk | 1.10.0 |
延伸相關外掛（你可能也想知道）
Classic Editor 》Classic Editor 是由 WordPress 團隊維護的官方外掛程式，可還原之前（也就是「經典」）的 WordPress 編輯器和「編輯文章」畫面，使使用者可以使用延伸這個畫...。
Advanced Editor Tools 》高級編輯工具（以前稱為 TinyMCE Advanced）引入了一個「經典段落」區塊，供區塊編輯器（Gutenberg）使用。, 如果您還沒有準備好切換到區塊編輯器，或者有插...。
Starter Templates – AI-Powered Templates for Elementor & Gutenberg 》免費模板，支援 Elementor、Beaver Builder 和 Block Editor, 使用 Starter Templates 外掛，只需數分鐘即可建立專業且完美的網站。此外掛為使用者提供超過 2...。
Disable Gutenberg 》此外掛可禁用新的 Gutenberg 編輯器 (也稱為區塊編輯器)，並以經典編輯器取代它。你可以完全禁用 Gutenberg，或從文章、頁面、角色、文章類型和主題模板中有...。
Essential Blocks – Page Builder Gutenberg Blocks, Patterns & Templates 》使用 Essential Blocks for Gutenberg，即可實現您的創意視覺效果，這是適用於 WordPress 的最終區塊庫！, 使用我們易於使用的區塊，增強您使用 Gutenberg 的...。
Blocks Animation: CSS Animations for Gutenberg Blocks 》Blocks Animation 可以讓您以優雅的方式，為所有的 Gutenberg 區塊添加 CSS 動畫。, Blocks Animation 的用戶介面非常原生且直觀，您甚至不會注意到它已經被...。
Ultimate Blocks – WordPress Blocks Plugin 》k, HowTo Schema Block lets you create step-by-step instructions with images and video, perfect for tutorials and guides. It is also Schema Markup e...。
Gutenberg Blocks – PublishPress Blocks Gutenberg Editor Plugin 》PublishPress Blocks 提供您在 WordPress 區塊編輯器中建立專業網站所需的所有功能，其中包括佈局選項、輪播、按鈕、圖示、圖片庫、地圖、選項卡、推薦、手風...。
Lightbox for Gallery & Image Block 》這個 WordPress 外掛為標準 WordPress 圖庫及圖像區塊新增了一個簡單輕量的 Lightbox，它可以偵測文章是否包含圖庫或圖像區塊，然後載入並啟動 baguetteBox.j...。
GutenKit – Page Builder Blocks, Patterns, and Templates for Gutenberg Block Editor 》總結：GutenKit for Gutenberg 是一個在 WordPress 區塊編輯器中提供輕鬆網頁建置體驗的終極解決方案，讓您無需編碼技能就能設計令人驚艷的專業網頁內容。, ,...。
PDF viewer for Elementor & Gutenberg 》「PDFjs Viewer for Elementor」外掛是一個強大的工具，可輕鬆將 PDF 檔案嵌入到您的 Elementor 頁面建構器頁面中。它專為 Elementor 設計，因此您可以輕鬆在...。
No Gutenberg – Disable Gutenberg Blocks Editor and FSE Global Styles 》WordPress 5.x 內建了一個名為 Gutenberg 的新區塊編輯器。隨著 5.9 版本的推出，全站編輯（Full Site Editing，FSE）的全局樣式被加入，每個頁面都會載入大...。
Genesis Custom Blocks 》Genesis Custom Blocks 為 WordPress 開發人員提供了必要的工具，以應對現代 WordPress 「區塊先行」的實境。, WordPress 區塊編輯器（又稱 Gutenberg）為我...。
Classic Editor and Classic Widgets 》這個免費的 Classic Editor & Classic Widgets 外掛可幫助您輕鬆地完全停用 Gutenberg 編輯器，並啟用 Classic Editor 和 Classic Widgets。, Classic Ed...。
BlockArt Blocks – Gutenberg Blocks, Page Builder Blocks ,WordPress Block Plugin, Sections & Template Library 》BlockArt Gutenberg Blocks – 最佳 WordPress Gutenberg 外掛程式之一, 擁有強大功能的 BlockArt 提供了無縫的網站建立體驗。它提供了六種獨特且響應式的區塊...。