Marketers Delight Theme Blocks
Native Gutenberg blocks provided by the Marketers Delight WordPress theme. ES5 IIFE format (no JSX, no build step), dynamic rendering via PHP render_callback (save() returns null).
How to Use
- Read the specific block reference file before generating markup
- Block names are prefixed with
marketers-delight/
- Attributes are set directly in the block comment JSON (not ACF field keys)
- RichText fields support inline HTML (bold, links, etc.)
- Color attributes accept hex values or WP color class names
- Read
references/README.md for architecture, CSS classes, icon list, and PHP helpers
- Read
references/icons.md for the full icon registry
Block References
All reference files are in references/. Each includes: block name, attributes table, JS editor code, PHP render callback, and example output.
Core Blocks (16)
| Block |
Reference |
Primary Use |
| Arrow |
arrow.md |
Scroll indicator with icon picker |
| Callout |
callout.md |
Promotional/info boxes with icons and CTAs |
| Content Upgrade |
content-upgrade.md |
Lead generation offer boxes |
| CTA |
cta.md |
Call-to-action sections |
| FAQ |
faq.md |
Accordion FAQ with Schema.org markup |
| Inline Poll |
inline-poll.md |
Interactive reader polls |
| Key Takeaway |
key-takeaway.md |
Summary/highlight boxes |
| Page Block |
page-block.md |
Custom HTML/CSS/JS code sections |
| Plugin Card |
plugin-card.md |
WordPress plugin info (WP.org API) |
| Pull Quote |
pull-quote.md |
Styled quotes with citation |
| Related Content |
related-content.md |
Internal link cards |
| Share Notice |
share-notice.md |
Quoteable text with social share |
| Side Promotion |
side-promotion.md |
Sidebar promotional panels |
| Spoiler |
spoiler.md |
Click-to-reveal hidden content |
| Steps |
steps.md |
Numbered step sequences |
| Theme Card |
theme-card.md |
WordPress theme info (WP.org API) |
Additional Blocks
| Block |
Reference |
Primary Use |
| GitHub Card |
github-card.md |
GitHub repository display |
| npm Card |
npm-card.md |
npm package display |
| Book Card |
book-card.md |
Book display (Open Library) |
| YouTube Card |
youtube-card.md |
YouTube video display |
| URL Preview |
url-preview.md |
Rich link preview (OG data) |
| Podcast Card |
podcast-card.md |
Podcast episode display |
Supporting References
| File |
Content |
README.md |
Architecture, CSS classes, icon list, components, helpers |
icons.md |
Full PHP icon registry with all icon names |
block-enhancements.md |
Block enhancement patterns |
block-styles.md |
Block style variations |
gallery-blocks.md |
Gallery block patterns |
Key Difference from ACF Blocks
- MD blocks use
marketers-delight/block-name namespace
- Attributes are WordPress block attributes, not ACF field keys
- No
field_ prefix — attribute names are plain (e.g., title, text, url)
- RichText content goes in attributes, not InnerBlocks (for most blocks)
- Dynamic rendering:
save() returns null, PHP handles frontend output
1---2name: md-theme-blocks3description: Marketers Delight (MD) theme Gutenberg blocks. 26 block references with attributes, examples, and rendering details.4---56# Marketers Delight Theme Blocks78Native Gutenberg blocks provided by the Marketers Delight WordPress theme. ES5 IIFE format (no JSX, no build step), dynamic rendering via PHP `render_callback` (`save()` returns `null`).910## How to Use11121. Read the specific block reference file before generating markup132. Block names are prefixed with `marketers-delight/`143. Attributes are set directly in the block comment JSON (not ACF field keys)154. RichText fields support inline HTML (bold, links, etc.)165. Color attributes accept hex values or WP color class names176. Read `references/README.md` for architecture, CSS classes, icon list, and PHP helpers187. Read `references/icons.md` for the full icon registry1920## Block References2122All reference files are in `references/`. Each includes: block name, attributes table, JS editor code, PHP render callback, and example output.2324### Core Blocks (16)2526| Block | Reference | Primary Use |27|-------|-----------|------------|28| Arrow | `arrow.md` | Scroll indicator with icon picker |29| Callout | `callout.md` | Promotional/info boxes with icons and CTAs |30| Content Upgrade | `content-upgrade.md` | Lead generation offer boxes |31| CTA | `cta.md` | Call-to-action sections |32| FAQ | `faq.md` | Accordion FAQ with Schema.org markup |33| Inline Poll | `inline-poll.md` | Interactive reader polls |34| Key Takeaway | `key-takeaway.md` | Summary/highlight boxes |35| Page Block | `page-block.md` | Custom HTML/CSS/JS code sections |36| Plugin Card | `plugin-card.md` | WordPress plugin info (WP.org API) |37| Pull Quote | `pull-quote.md` | Styled quotes with citation |38| Related Content | `related-content.md` | Internal link cards |39| Share Notice | `share-notice.md` | Quoteable text with social share |40| Side Promotion | `side-promotion.md` | Sidebar promotional panels |41| Spoiler | `spoiler.md` | Click-to-reveal hidden content |42| Steps | `steps.md` | Numbered step sequences |43| Theme Card | `theme-card.md` | WordPress theme info (WP.org API) |4445### Additional Blocks4647| Block | Reference | Primary Use |48|-------|-----------|------------|49| GitHub Card | `github-card.md` | GitHub repository display |50| npm Card | `npm-card.md` | npm package display |51| Book Card | `book-card.md` | Book display (Open Library) |52| YouTube Card | `youtube-card.md` | YouTube video display |53| URL Preview | `url-preview.md` | Rich link preview (OG data) |54| Podcast Card | `podcast-card.md` | Podcast episode display |5556### Supporting References5758| File | Content |59|------|---------|60| `README.md` | Architecture, CSS classes, icon list, components, helpers |61| `icons.md` | Full PHP icon registry with all icon names |62| `block-enhancements.md` | Block enhancement patterns |63| `block-styles.md` | Block style variations |64| `gallery-blocks.md` | Gallery block patterns |6566## Key Difference from ACF Blocks6768- MD blocks use `marketers-delight/block-name` namespace69- Attributes are WordPress block attributes, not ACF field keys70- No `field_` prefix — attribute names are plain (e.g., `title`, `text`, `url`)71- RichText content goes in attributes, not InnerBlocks (for most blocks)72- Dynamic rendering: `save()` returns `null`, PHP handles frontend output