Content · Gutenberg
Link List block for WordPress
An organized, styled list of links with icons, titles, descriptions, and optional badges.
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.
What it actually does
An organized, styled list of links with icons, titles, descriptions, and optional badges.
Inspector panels on this block: Settings, Links. Those titles come from index.js, not from a shared template.
Link 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 → Content → search “Link List” (block name `blockenberg/link-list` in block.json). Style it in the sidebar after insert.
How to use Link List block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Link List”, insert it. Category: Content.
- 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: Useful Resources. Saved as `title`. |
| Show Subtitle | On/off toggle in the inspector. On by default. Saved as `showSubtitle`. |
| Subtitle | Text field in the inspector. block.json default: Handpicked links for developers and designers. Saved as `subtitle`. |
| Columns | Numeric range control in the inspector. Range 1–3. block.json default: 1. Saved as `columns`. |
| Show Icons | On/off toggle in the inspector. On by default. Saved as `showIcon`. |
| Show Descriptions | On/off toggle in the inspector. On by default. Saved as `showDescription`. |
| Show Badges | On/off toggle in the inspector. On by default. Saved as `showBadge`. |
| Item Radius | Numeric range control in the inspector. Range 0–24. block.json default: 10. Saved as `itemRadius`. |
| Item Padding | Numeric range control in the inspector. Range 8–40. block.json default: 14. Saved as `itemPadding`. |
| Style — Gap | Numeric range control in the inspector. Range 4–32. block.json default: 8. Saved as `gap`. |
| Colors — Background | Color control in the inspector. block.json default: #ffffff. Saved as `bgColor`. |
| Card Background | Color control in the inspector. block.json default: #f9fafb. Saved as `cardBg`. |
| Colors — Border | Color control in the inspector. block.json default: #e5e7eb. Saved as `borderColor`. |
| 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`. |
| Link Title | Color control in the inspector. block.json default: #111827. Saved as `titleColor`. |
| Description | Color control in the inspector. block.json default: #6b7280. Saved as `textColor`. |
| Default Accent | Color control in the inspector. block.json default: #6366f1. Saved as `linkColor`. |
| Badge Background | Color control in the inspector. block.json default: #ede9fe. Saved as `badgeBg`. |
| Badge Text | Color control in the inspector. block.json default: #6366f1. Saved as `badgeColor`. |
| Links — Title | Text field in the inspector. |
| Description | Text field in the inspector. |
| URL | Text field in the inspector. |
| Badge | Text field in the inspector. |
When this is the right block
- An organized, styled list of links with icons, titles, descriptions, and optional badges — that is the job of Link 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 links, list, resources.
- Inserter grouping: articles, cards, lists, and long-form layouts.
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 Link List block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Link List”. It sits under Content. After insert, open Settings and set “Show Title”, “Settings — Title”, “Show Subtitle”, “Subtitle”.
What makes Link List different from other Blockenberg blocks?
An organized, styled list of links with icons, titles, descriptions, and optional badges. Inspector labels on this block include “Show Title”, “Settings — Title”, “Show Subtitle”, “Subtitle”.
Is the Link List Gutenberg block free?
Yes. Link List ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Link 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, Links).
Related content blocks
Link Card Grid
Visual navigation card grid for resource hubs and docs pages. Each card has icon, title, description, and URL.
Resource Links
Curated resource / link list with section heading, items (icon, title, description, URL, type tag), list or grid layout, and full color/style controls.
Interactive Checklist
A fully interactive checklist with progress tracking, emoji icons, add/remove items, and optional persistence via localStorage. Rich color and layout controls.
Numbered List
Visual numbered or icon section — each item has a styled badge, heading, description, optional image and optional link. Ideal for steps, benefits, and 'why choose us' sections.
Styled List
Fully customizable list with icons, rich text, and flexible layout options.
Tabs
Tabbed content panels with full WYSIWYG editing per tab.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Link List from the Gutenberg inserter.