內容簡介
總結：
BlockExpander 使用 Emmet-style shorthand syntax，讓您在 WordPress block editor 中迅速組合頁面結構，啟用一個快速、程式碼靈感的工作流程。
問題與答案：
1. 如何啟用 BlockExpander 在 WordPress block editor 中組合頁面結構？
- 按下 Ctrl+Shift+E (或在 Mac 上按 Cmd+Shift+E) 可開啟 BlockExpander modal。
2. 如何使用 Emmet-style shorthand syntax 在 BlockExpander 中創建元素？
- 輸入一個 Emmet expression (例如：columns>column*3>paragraph)。
3. 如何將 Emmet expression 展開為區塊？
- 按下 Enter 鍵即可將表達式展開為區塊，並插入在游標位置。
4. 提供一些語法範例及其功能：
- paragraph – 創建一個段落區塊
- columns>column*3 – 創造 3 列的區塊
- group.container – 創建一個帶有 class 為「container」的群組區塊
- group#hero – 創建帶有錨點「hero」的群組區塊
- paragraph{Hello World} – 創建具有自訂文本的段落。
5. BlockExpander 具備哪些特色？
- 提供熟悉的 Emmet 語法以快速創建區塊
- 鍵盤觸發的 modal 讓工作流程更加流暢
- 支持巢狀、乘法、類別、ID 和文本內容
- 預設支援 Lorem Ipsum 假文段落
- 完全兼容所有核心 Gutenberg 區塊。
外掛標籤
開發者團隊
原文外掛簡介
BlockExpander enables a fast, code-inspired workflow for assembling page structures in the WordPress block editor using Emmet-style shorthand syntax.
How It Works:
Press Ctrl+Shift+E (or Cmd+Shift+E on Mac) to open the BlockExpander modal
Enter an Emmet expression (e.g., columns>column*3>paragraph)
Press Enter to expand the expression into blocks
Blocks are inserted at your cursor location
Syntax Examples:
paragraph – Creates a paragraph block
columns>column*3 – Creates a columns block with 3 columns
group.container – Creates a group block with class “container”
group#hero – Creates a group block with anchor “hero”
paragraph{Hello World} – Creates a paragraph with custom text
Features:
Familiar Emmet syntax for rapid block creation
Keyboard-triggered modal for seamless workflow
Supports nesting, multiplication, classes, IDs, and text content
Automatic Lorem Ipsum placeholder text for content blocks
Fully compatible with all core Gutenberg blocks
