PlusMagi Blocks
·
PlusMagi Blocks adds Gutenberg tools for Mermaid diagrams, Description Lists, Thesaurus entries, and Word-inspired Table Styles.
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.pngandassets/banner-772x250.png - Plugin icon:
assets/icon-256x256.pngandassets/icon-128x128.png
Features
- Mermaid diagram block with Markdown-based editing
- Description List block (
<
dl>/
/ ) with add/remove items * Thesaurus block for definitions, synonyms, and antonyms * 107 Microsoft Word-inspired styles for the native Gutenberg Table block * Optional Banded Columns and in-editor style switching * Gutenberg-friendly editor integration * Lightweight plugin structure for easy maintenance * Simple installation and activation processMermaid 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).
Table Style Guide
- Insert or select a standard Gutenberg Table block.
- Open the block settings sidebar and expand Table Design.
- Choose one of the 107 styles.
- Optionally enable Banded Columns.
- Choose None at any time to remove the design without changing table content.
Table Styles extend the native Gutenberg Table block. They do not add a heading to published content.
