Title: PlusMagi Blocks
Author: pitt phunsanit
Published: <strong>1. September 2026</strong>
Last modified: 5. September 2026

---

Search plugins

![](https://ps.w.org/plusmagi-blocks/assets/banner-772x250.png?rev=3675272)

![](https://ps.w.org/plusmagi-blocks/assets/icon-256x256.png?rev=3675272)

# PlusMagi Blocks

 By [pitt phunsanit](https://profiles.wordpress.org/phunsanit/)

[Download](https://downloads.wordpress.org/plugin/plusmagi-blocks.1.2.4.zip)

 * [Details](https://ltz.wordpress.org/plugins/plusmagi-blocks/#description)
 * [Reviews](https://ltz.wordpress.org/plugins/plusmagi-blocks/#reviews)
 *  [Installation](https://ltz.wordpress.org/plugins/plusmagi-blocks/#installation)
 * [Development](https://ltz.wordpress.org/plugins/plusmagi-blocks/#developers)

 [Support](https://wordpress.org/support/plugin/plusmagi-blocks/)

## Description

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`
   <dl>`, `<dt>`, and `<dd>` output. Add or remove items directly in Gutenberg. 
   [Live example](https://pitt.plusmagi.com/plusmagi-blocks-description-list-block)
 * **Mermaid Diagram** – Write Mermaid syntax, catch syntax errors, and preview 
   responsive diagrams before publishing. [Live example](https://pitt.plusmagi.com/plusmagi-blocks-mermaid-diagram-block)
 * **PlantUML** – Write @startuml markup and publish diagrams rendered by the public
   PlantUML server, in SVG or PNG. [Live example](https://pitt.plusmagi.com/test-plusmagi-blocks-plantuml)
 * **Sticky Notes** – Add a concise 2 x 3 inch semantic note in yellow, pink, blue,
   green, orange, or purple. [Live example](https://pitt.plusmagi.com/plusmagi-blocks-sticky-notes-block)
 * **SVG** – Paste SVG markup, inspect a live image preview, and publish sanitized
   inline vectors with wide and full alignment support. [Live example](https://pitt.plusmagi.com/plusmagi-blocks-svg-block)
 * **Table Styles** – Apply 107 Microsoft Word-inspired designs to the native Gutenberg
   Table block, including optional Banded Columns. [Live example](https://pitt.plusmagi.com/plusmagi-blocks-table-style-block)
 * **Thesaurus** – Publish definitions, parts of speech, synonyms, antonyms, and
   related terms as structured semantic content. [Live example](https://pitt.plusmagi.com/plusmagi-blocks-test-thesaurus-block)

### Mermaid Block Placement Guide

 1. Open a post or page in the WordPress block editor.
 2. Click **+ Add block**.
 3. Search for **Mermaid** or **PlusMagi Blocks + Mermaid**.
 4. Insert the Mermaid block.
 5. Paste Mermaid syntax (for example `graph TD\nA-->B`).
 6. Confirm the live preview in editor.
 7. 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

 1. Open the block inserter and search for **SVG** or **PlusMagi**.
 2. Insert the **PlusMagi – SVG** block.
 3. Paste markup that starts with an `<svg>` element.
 4. Confirm the preview in the editor.
 5. Publish the post or page.

The block renders responsive inline SVG. Scripts, event handlers, and unsafe inline
styles are removed before frontend output.

### PlantUML Block Guide

 1. Open the block inserter and search for **PlantUML** or **PlusMagi**.
 2. Insert the **PlusMagi – PlantUML** block.
 3. Write markup starting with `@startuml` (or another PlantUML `@start` tag).
 4. Choose SVG or PNG as the output format.
 5. 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 Guide

 1. Open the block inserter and search for **Sticky Notes** or **PlusMagi**.
 2. Insert the **PlusMagi – Sticky Notes** block.
 3. Write the note and choose one of six colors in the block settings.
 4. Publish the post or page.

The block publishes an accessible `<aside role="note">` element in a responsive 
2 x 3 inch layout. It supports bold, italic, links, text color, font size, line 
height, font family, weight, style, decoration, and letter case through Gutenberg
controls.

### Description List Guide

 1. Open the block inserter and search for **Description List** or **PlusMagi**.
 2. Insert the **PlusMagi – Description List** block.
 3. Enter a term and its description.
 4. Use the block controls to add or remove items.
 5. Publish the post or page.

Example output:

    ```
    <dl>
        <dt>WordPress</dt>
        <dd>A content management system for building websites.</dd>
        <dt>Gutenberg</dt>
        <dd>The block editor included with WordPress.</dd>
    </dl>
    ```

The block publishes semantic `<dl>`, `<dt>`, and `<dd>` markup for accessible term-
and-description content.

### Table Style Guide

 1. Insert or select a standard Gutenberg Table block.
 2. Open the block settings sidebar and expand **Table Design**.
 3. Choose one of the 107 styles.
 4. Optionally enable **Banded Columns**.
 5. 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.

## Screenshots

[⌊Feature cards for Description List, Mermaid Diagram, Sticky Notes, SVG, Table 
Styles, and Thesaurus, arranged alphabetically.⌉⌊Feature cards for Description List,
Mermaid Diagram, Sticky Notes, SVG, Table Styles, and Thesaurus, arranged alphabetically
.⌉[

Feature cards for Description List, Mermaid Diagram, Sticky Notes, SVG, Table Styles,
and Thesaurus, arranged alphabetically.

[⌊Sticky Notes feature card showing its color, typography controls, and responsive
2 x 3 inch note preview.⌉⌊Sticky Notes feature card showing its color, typography
controls, and responsive 2 x 3 inch note preview.⌉[

Sticky Notes feature card showing its color, typography controls, and responsive
2 x 3 inch note preview.

## Blocks

This plugin provides 1 block.

 *   PlusMagi – Mermaid A Mermaid-ready markdown block for PlusMagi Blocks.

## Installation

 1. Upload the plugin files to the `/wp-content/plugins/plusmagi-blocks` directory
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“PlusMagi Blocks” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ pitt phunsanit ](https://profiles.wordpress.org/phunsanit/)

[Translate “PlusMagi Blocks” into your language.](https://translate.wordpress.org/projects/wp-plugins/plusmagi-blocks)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/plusmagi-blocks/), 
check out the [SVN repository](https://plugins.svn.wordpress.org/plusmagi-blocks/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/plusmagi-blocks/)
by [RSS](https://plugins.trac.wordpress.org/log/plusmagi-blocks/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.2.4

 * Added a live example link to each Features list entry

#### 1.2.3

 * Fixed the PlantUML diagram image being replaced by a broken placeholder on sites
   with image lazy-loading optimizations

#### 1.2.2

 * Republished the stable release with the Sticky Notes name (the WordPress.org 
   listing still showed the previous “Post it” wording from 1.2.1)
 * Added the PlantUML block, rendering @startuml diagrams via the public PlantUML
   server with SVG/PNG preview

#### 1.2.1

 * Standardized the block’s display name as Sticky Notes
 * Renamed Sticky Notes source and asset files to use the sticky_notes convention
 * Preserved compatibility with notes saved using the previous accessibility label

#### 1.2.0

 * Added the Sticky Notes block with semantic note markup
 * Added six selectable note colors, Gutenberg typography controls, and responsive
   frontend styling

#### 1.1.0

 * Added the SVG block with source editing and live preview
 * Added sanitized, responsive inline SVG rendering

#### 1.0.0

 * Initial public release
 * Added PlusMagi Blocks plugin entry point
 * Added Mermaid diagram and Description List blocks
 * Added Thesaurus and 107 Table Styles for native Gutenberg tables
 * Added optional Banded Columns and in-editor style switching
 * Added basic WordPress plugin scaffold and metadata

## Meta

 *  Version **1.2.4**
 *  Last updated **1 Dag ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.0 or higher **
 *  Tested up to **7.1**
 *  Language
 * [English (US)](https://wordpress.org/plugins/plusmagi-blocks/)
 * Tags
 * [blocks](https://ltz.wordpress.org/plugins/tags/blocks/)[mermaid](https://ltz.wordpress.org/plugins/tags/mermaid/)
   [plantuml](https://ltz.wordpress.org/plugins/tags/plantuml/)[sticky notes](https://ltz.wordpress.org/plugins/tags/sticky-notes/)
   [table](https://ltz.wordpress.org/plugins/tags/table/)
 *  [Advanced View](https://ltz.wordpress.org/plugins/plusmagi-blocks/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/plusmagi-blocks/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/plusmagi-blocks/reviews/)

## Contributors

 *   [ pitt phunsanit ](https://profiles.wordpress.org/phunsanit/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/plusmagi-blocks/)