Blog · Gutenberg

Tag List block for WordPress

A styled collection of tag pills with icons, colors, and optional links.

Get Blockenberg

Free Gutenberg block in Blockenberg. The inspector controls and front-end behavior on this page come from this block’s source, not a shared stub.

Get Blockenberg

What it actually does

A styled collection of tag pills with icons, colors, and optional links.

Inspector panels on this block: Settings, Tags. Those titles come from index.js, not from a shared template.

Tag List has no render.php and no frontend.js. The saved Gutenberg HTML is what visitors see, plus Blockenberg layout/typography CSS.

Where to find it

Gutenberg inserter → Blog → search “Tag List” (block name `blockenberg/tag-list` in block.json). Style it in the sidebar after insert.

How to use Tag List block for WordPress

Install Blockenberg. Install from WordPress.org and activate the plugin.
Insert the block. Edit a page, click +, search for “Tag List”, insert it. Category: Blog.
Configure inspector controls that exist on this block. Open Settings. Set “Show Title”, “Settings — Title”, “Show Subtitle”, “Subtitle”.
Publish. Save the page. Output is the saved block HTML; typography/colors follow Blockenberg shared panels.

Inspector controls from this block’s code

Control	What the code does
Show Title	On/off toggle in the inspector. On by default. Saved as `showTitle`.
Settings — Title	Text field in the inspector. block.json default: Topics & Tags. Saved as `title`.
Show Subtitle	On/off toggle in the inspector. Off by default. Saved as `showSubtitle`.
Subtitle	Text field in the inspector. block.json default: Browse content by category. Saved as `subtitle`.
Show Icons	On/off toggle in the inspector. On by default. Saved as `showIcon`.
Pill Radius	Numeric range control in the inspector. Range 0–99. block.json default: 99. Saved as `pillRadius`.
Horizontal Padding	Numeric range control in the inspector. Range 6–40. block.json default: 16. Saved as `pillPaddingX`.
Vertical Padding	Numeric range control in the inspector. Range 2–24. block.json default: 8. Saved as `pillPaddingY`.
Icon Size	Numeric range control in the inspector. Range 10–28. block.json default: 16. Saved as `iconSize`.
Gap Between Pills	Numeric range control in the inspector. Range 4–28. block.json default: 10. Saved as `gap`.
Colors — Background	Color control in the inspector. block.json default: #ffffff. Saved as `bgColor`.
Heading	Color control in the inspector. block.json default: #111827. Saved as `headingColor`.
Subtitle	Color control in the inspector. block.json default: #6b7280. Saved as `subtitleColor`.
Label	Text field in the inspector.
Link URL	Text field in the inspector.

When this is the right block

A styled collection of tag pills with icons, colors, and optional links — that is the job of Tag List, not a generic content block.
Use it when you need the editor control labeled “Show Title”, which exists on this block’s inspector.
It matches pages about tags, pills, labels.
Inserter grouping: posts, magazines, and editorial WordPress pages.

Notes from the implementation

Static block: markup is saved in post content; no PHP render callback in this folder.

FAQ

How do I add the Tag List block in WordPress?

Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Tag List”. It sits under Blog. After insert, open Settings and set “Show Title”, “Settings — Title”, “Show Subtitle”, “Subtitle”.

What makes Tag List different from other Blockenberg blocks?

A styled collection of tag pills with icons, colors, and optional links. Inspector labels on this block include “Show Title”, “Settings — Title”, “Show Subtitle”, “Subtitle”.

Is the Tag List Gutenberg block free?

Yes. Tag List ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.

Can I style Tag List to match my theme?

Yes. Blockenberg’s shared typography and color panels apply here, plus any block-specific style controls listed on this page (panels: Settings, Tags).