內容簡介
PlusMagi Blocks 是一款專為 WordPress 及區塊編輯器設計的外掛，提供多種自訂內容區塊的功能，讓使用者能夠輕鬆創建圖表、描述列表、同義詞條目及樣式化表格，提升編輯效率與內容呈現。
【主要功能】
• 描述列表：建立可存取的術語與描述群組
• Mermaid 圖表：撰寫 Mermaid 語法並預覽圖表
• PlantUML：使用 PlantUML 標記生成圖表
• Sticky Notes：新增可自訂顏色的便條
• SVG：插入 SVG 標記並預覽圖像
• 表格樣式：應用多種 Microsoft Word 風格於表格
外掛標籤
開發者團隊
原文外掛簡介
PlusMagi Blocks provides a streamlined experience for working with custom content blocks inside WordPress and the block editor.
It adds focused workflows for Mermaid diagrams, description lists, thesaurus entries, and styled tables while keeping the WordPress editing experience intact.
Plugin directory visuals are included via the standard WordPress.org assets:
Header banner: assets/banner-1544x500.png and assets/banner-772x250.png
Plugin icon: assets/icon-256x256.png and assets/icon-128x128.png
Features
Description List – Create accessible term-and-description groups with semantic
- ,
- , and
- output. Add or remove items directly in Gutenberg. Live example
Mermaid Diagram – Write Mermaid syntax, catch syntax errors, and preview responsive diagrams before publishing. Live example
PlantUML – Write @startuml markup and publish diagrams rendered by the public PlantUML server, in SVG or PNG. Live example
Sticky Notes – Add a concise 2 x 3 inch semantic note in yellow, pink, blue, green, orange, or purple. Live example
SVG – Paste SVG markup, inspect a live image preview, and publish sanitized inline vectors with wide and full alignment support. Live example
Table Styles – Apply 107 Microsoft Word-inspired designs to the native Gutenberg Table block, including optional Banded Columns. Live example
Thesaurus – Publish definitions, parts of speech, synonyms, antonyms, and related terms as structured semantic content. Live exampleMermaid Block Placement Guide
Open a post or page in the WordPress block editor.
Click + Add block.
Search for Mermaid or PlusMagi Blocks + Mermaid.
Insert the Mermaid block.
Paste Mermaid syntax (for example graph TD\nA-->B).
Confirm the live preview in editor.
Publish and verify diagram rendering on frontend.Tips:
Use one Mermaid diagram per block for cleaner editing.
For long technical articles, split diagrams into multiple Mermaid blocks.
If preview does not render, check Mermaid syntax first (missing arrows, brackets, keywords).SVG Block Guide
Open the block inserter and search for SVG or PlusMagi.
Insert the PlusMagi – SVG block.
Paste markup that starts with anThe block renders responsive inline SVG. Scripts, event handlers, and unsafe inline styles are removed before frontend output.
PlantUML Block GuideOpen the block inserter and search for PlantUML or PlusMagi.
Insert the PlusMagi – PlantUML block.
Write markup starting with @startuml (or another PlantUML @start tag).
Choose SVG or PNG as the output format.
Confirm the preview in the editor, then publish the post or page.The block renders the diagram by requesting an image from the public PlantUML server; no local Java/Graphviz installation is required.
Sticky Notes Block GuideOpen the block inserter and search for Sticky Notes or PlusMagi.
Insert the PlusMagi – Sticky Notes block.
Write the note and choose one of six colors in the block settings.
Publish the post or page.The block publishes an accessible