Business · Gutenberg
Event Speakers block for WordPress
Showcase event or conference speakers with bios, session info, and social 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.
What it actually does
Showcase event or conference speakers with bios, session info, and social links.
Inspector panels on this block: Event Settings, Appearance, Speakers (' + a.speakers.length +. Those titles come from index.js, not from a shared template.
Behavior controls: “Layout” options: Grid, List.
Where to find it
Gutenberg inserter → Business → search “Event Speakers” (block name `blockenberg/event-speaker` in block.json). Style it in the sidebar after insert.
How to use Event Speakers block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Event Speakers”, insert it. Category: Business.
- Configure inspector controls that exist on this block. Open Event Settings. Set “Event title”, “Subtitle”, “Show subtitle”, “Columns”.
- 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 |
|---|---|
| Event title | Text field in the inspector. block.json default: Speaker Lineup. Saved as `eventTitle`. |
| Subtitle | Text field in the inspector. block.json default: Meet the experts sharing their knowledge. Saved as `eventSubtitle`. |
| Show subtitle | On/off toggle in the inspector. On by default. Saved as `showSubtitle`. |
| Layout | Select control; the chosen value is saved on the block. Options: Grid; List. block.json default: grid. Saved as `layout`. |
| Columns | Numeric range control in the inspector. Range 1–4. block.json default: 2. Saved as `columns`. |
| Show session info | On/off toggle in the inspector. On by default. Saved as `showSession`. |
| Show bio | On/off toggle in the inspector. On by default. Saved as `showBio`. |
| Show Twitter handle | On/off toggle in the inspector. On by default. Saved as `showTwitter`. |
| Event Title (Typo Title) | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoTitle`. |
| Subtitle (Typo Subtitle) | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoSubtitle`. |
| Speaker Name | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoName`. |
| Body Text | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoBody`. |
| Border radius | Numeric range control in the inspector. Range 0–32. block.json default: 16. Saved as `borderRadius`. |
| Avatar size (px) | Numeric range control in the inspector. Range 40–120. block.json default: 64. Saved as `avatarSize`. |
| Name | Text field in the inspector. Saved as `speakers`. |
| Job title | Text field in the inspector. Saved as `speakers`. |
| Company | Text field in the inspector. Saved as `speakers`. |
| Bio | Multiline text field in the inspector. Saved as `speakers`. |
| Session title | Text field in the inspector. Saved as `speakers`. |
| Session time | Text field in the inspector. Saved as `speakers`. |
| Avatar initials (1–2 chars) | Text field in the inspector. Saved as `speakers`. |
| Twitter handle (e.g. @user) | Text field in the inspector. Saved as `speakers`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- Showcase event or conference speakers with bios, session info, and social links — that is the job of Event Speakers, not a generic content block.
- Use it when you need the editor control labeled “Event title”, which exists on this block’s inspector.
- It matches pages about speaker, event, conference.
- Inserter grouping: company, service, and operations 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 Speakers block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Event Speakers”. It sits under Business. After insert, open Event Settings and set “Event title”, “Subtitle”, “Show subtitle”, “Columns”.
What makes Event Speakers different from other Blockenberg blocks?
Showcase event or conference speakers with bios, session info, and social links. Inspector labels on this block include “Event title”, “Subtitle”, “Show subtitle”, “Columns”.
Is the Event Speakers Gutenberg block free?
Yes. Event Speakers ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Event Speakers 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 Settings, Appearance, Speakers (' + a.speakers.length +).
Related business blocks
Speaker Lineup
Event/conference speaker lineup section with avatar, topic, bio, and social links. Perfect for summits, webinars, and courses.
Bio Card
Rich individual profile card with photo, name, role, bio text, skill tags, social links, availability badge, and CTA button.
Event Agenda
A conference or event schedule showing day tabs, time slots, session titles, speaker info, rooms, and session types.
Event Card
Event display card with date, time, venue, description, speakers, call-to-action button, and Event JSON-LD structured data.
Author Box
Display a blog author profile card with avatar, name, bio, role and social media links.
Author Profile
Extended author bio card with avatar, name, role, bio, stats, and social links.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Event Speakers from the Gutenberg inserter.