Blog · Gutenberg
Event Recap block for WordPress
Post-event summary with key stats, highlights and next event info.
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
Post-event summary with key stats, highlights and next event info.
Inspector panels on this block: Event Info. Those titles come from index.js, not from a shared template.
Where to find it
Gutenberg inserter → Blog → search “Event Recap” (block name `blockenberg/event-recap` in block.json). Style it in the sidebar after insert.
How to use Event Recap block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Event Recap”, insert it. Category: Blog.
- Configure inspector controls that exist on this block. Open Event Info. Set “Show Date & Location”, “Show Summary”, “Show Stats Bar”, “Show Highlights”.
- Check the published page. The view script reads HTML data attributes: data-opts, data-rendered. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Show Date & Location | On/off toggle in the inspector. On by default. Saved as `showMeta`. |
| Show Summary | On/off toggle in the inspector. On by default. Saved as `showSummary`. |
| Show Stats Bar | On/off toggle in the inspector. On by default. Saved as `showStats`. |
| Show Highlights | On/off toggle in the inspector. On by default. Saved as `showHighlights`. |
| Highlights Label | Text field in the inspector. block.json default: Key Highlights. Saved as `highlightsLabel`. |
| Show Next Event | On/off toggle in the inspector. On by default. Saved as `showNextEvent`. |
| Border Radius | Numeric range control in the inspector. Range 0–30. block.json default: 12. Saved as `borderRadius`. |
| Padding Top | Numeric range control in the inspector. Range 0–100. block.json default: 0. Saved as `paddingTop`. |
| Padding Bottom | Numeric range control in the inspector. Range 0–100. block.json default: 0. Saved as `paddingBottom`. |
| Event Title | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoTitle`. |
| Summary | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoSummary`. |
| Colors — Background | Color control in the inspector. block.json default: #f8fafc. Saved as `bgColor`. |
| Colors — Border | Color control in the inspector. block.json default: #e2e8f0. Saved as `borderColor`. |
| Accent | Color control in the inspector. block.json default: #7c3aed. Saved as `accentColor`. |
| Header Background | Color control in the inspector. block.json default: #7c3aed. Saved as `headerBg`. |
| Event Title | Color control in the inspector. block.json default: #ffffff. Saved as `titleColor`. |
| Date / Location | Color control in the inspector. block.json default: #ddd6fe. Saved as `metaColor`. |
| Summary Text | Color control in the inspector. block.json default: #374151. Saved as `summaryColor`. |
| Stats Bar BG | Color control in the inspector. block.json default: #7c3aed. Saved as `statsBg`. |
| Stat Number | Color control in the inspector. block.json default: #ffffff. Saved as `statNumColor`. |
| Stat Label | Color control in the inspector. block.json default: #ddd6fe. Saved as `statLabelColor`. |
| Highlight BG | Color control in the inspector. block.json default: #ffffff. Saved as `highlightBg`. |
| Highlight Border | Color control in the inspector. block.json default: #e2e8f0. Saved as `highlightBorder`. |
| Highlight Text | Color control in the inspector. block.json default: #374151. Saved as `highlightColor`. |
| Next Event BG | Color control in the inspector. block.json default: #ede9fe. Saved as `nextBg`. |
| Next Event Text | Color control in the inspector. block.json default: #5b21b6. Saved as `nextTextColor`. |
| Next Event Info | Text field in the inspector. Saved as `nextEventInfo`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- Post-event summary with key stats, highlights and next event info — that is the job of Event Recap, not a generic content block.
- Use it when you need the editor control labeled “Show Date & Location”, which exists on this block’s inspector.
- It matches pages about event, recap, conference.
- Inserter grouping: posts, magazines, and editorial WordPress pages.
Notes from the implementation
viewScript: this folder’s frontend.js is enqueued on the front end for this block.
FAQ
How do I add the Event Recap block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Event Recap”. It sits under Blog. After insert, open Event Info and set “Show Date & Location”, “Show Summary”, “Show Stats Bar”, “Show Highlights”.
What makes Event Recap different from other Blockenberg blocks?
Post-event summary with key stats, highlights and next event info. Inspector labels on this block include “Show Date & Location”, “Show Summary”, “Show Stats Bar”, “Show Highlights”.
Is the Event Recap Gutenberg block free?
Yes. Event Recap ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Event Recap 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: Event Info).
Related blog blocks
Event Debrief
Post-event recap: highlights, attendee quotes, outcomes, and lessons learned.
Key Takeaways
A styled summary box for articles and blog posts highlighting the most important points. Supports custom heading, icon, bullet style, and rich color options.
Meeting Recap
Structured meeting notes with attendees, agenda, decisions, action items, and next steps.
Rating Summary
Aggregated review rating with overall score, star breakdown bars (5★ 80%, 4★ 15%…), total count, and optional platform badge.
Reading Notes
Annotated reading notes for books and articles with quotes, insights, questions, and a star rating.
Study Notes
Cornell-style structured study notes with cue column, notes column, summary, and key terms.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Event Recap from the Gutenberg inserter.