Business · Gutenberg
Speaker Lineup block for WordPress
Event/conference speaker lineup section with avatar, topic, bio, and social links. Perfect for summits, webinars, and courses.
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
Event/conference speaker lineup section with avatar, topic, bio, and social links. Perfect for summits, webinars, and courses.
Inspector panels on this block: Layout, Card Content, Speakers. Those titles come from index.js, not from a shared template.
Behavior controls: “Layout” options: Grid, List (horizontal card), Featured (large first); “Card Style” options: Card (elevated), Bordered, Clean (no border).
Where to find it
Gutenberg inserter → Business → search “Speaker Lineup” (block name `blockenberg/speaker-lineup` in block.json). Style it in the sidebar after insert.
How to use Speaker Lineup block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Speaker Lineup”, insert it. Category: Business.
- Configure inspector controls that exist on this block. Open Layout. Set “Card Style”, “Columns (grid)”, “Max Width (px)”, “Padding Top (px)”.
- 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 |
|---|---|
| Layout | Select control; the chosen value is saved on the block. Options: Grid; List (horizontal card); Featured (large first). block.json default: grid. Saved as `layout`. |
| Card Style | Select control; the chosen value is saved on the block. Options: Card (elevated); Bordered; Clean (no border). block.json default: card. Saved as `cardStyle`. |
| Columns (grid) | Numeric range control in the inspector. Range 1–4. block.json default: 3. Saved as `columns`. |
| Max Width (px) | Numeric range control in the inspector. Range 600–1600. block.json default: 1200. Saved as `maxWidth`. |
| Padding Top (px) | Numeric range control in the inspector. Range 0–200. block.json default: 80. Saved as `paddingTop`. |
| Padding Bottom (px) | Numeric range control in the inspector. Range 0–200. block.json default: 80. Saved as `paddingBottom`. |
| Show Bio | On/off toggle in the inspector. On by default. Saved as `showBio`. |
| Show Topic Badge | On/off toggle in the inspector. On by default. Saved as `showTopic`. |
| Show Social Links | On/off toggle in the inspector. On by default. Saved as `showSocials`. |
| Name | Text field in the inspector. |
| Speakers — Title | Text field in the inspector. |
| Company | Text field in the inspector. |
| Talk Topic | Text field in the inspector. |
| Bio | Multiline text field in the inspector. |
| Avatar URL | Text field in the inspector. |
| Twitter URL | Text field in the inspector. |
| LinkedIn URL | Text field in the inspector. |
| 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`. |
| Subtext | Color control in the inspector. block.json default: #6b7280. Saved as `subColor`. |
| Eyebrow | Color control in the inspector. block.json default: #6366f1. Saved as `eyebrowColor`. |
| Card Background | Color control in the inspector. block.json default: #f8fafc. Saved as `cardBg`. |
| Card Border | Color control in the inspector. block.json default: #e2e8f0. Saved as `cardBorder`. |
| Speaker Name | Color control in the inspector. block.json default: #111827. Saved as `nameColor`. |
| Speaker Title | Color control in the inspector. block.json default: #6b7280. Saved as `titleColor`. |
| Topic Badge BG | Color control in the inspector. block.json default: #ede9fe. Saved as `topicBg`. |
| Topic Badge Text | Color control in the inspector. block.json default: #5b21b6. Saved as `topicColor`. |
| Bio Text | Color control in the inspector. block.json default: #4b5563. Saved as `bioColor`. |
| Social Icons | Color control in the inspector. block.json default: #6366f1. Saved as `socialColor`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- Event/conference speaker lineup section with avatar, topic, bio, and social links. Perfect for summits, webinars, and courses — that is the job of Speaker Lineup, not a generic content block.
- Use it when you need the editor control labeled “Card Style”, which exists on this block’s inspector.
- It matches pages about speaker, lineup, event.
- 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 Speaker Lineup block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Speaker Lineup”. It sits under Business. After insert, open Layout and set “Card Style”, “Columns (grid)”, “Max Width (px)”, “Padding Top (px)”.
What makes Speaker Lineup different from other Blockenberg blocks?
Event/conference speaker lineup section with avatar, topic, bio, and social links. Perfect for summits, webinars, and courses. Inspector labels on this block include “Card Style”, “Columns (grid)”, “Max Width (px)”, “Padding Top (px)”.
Is the Speaker Lineup Gutenberg block free?
Yes. Speaker Lineup ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Speaker Lineup 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: Layout, Card Content, Speakers).
Related business blocks
Event Speakers
Showcase event or conference speakers with bios, session info, and social links.
Event Card
Event display card with date, time, venue, description, speakers, call-to-action button, and Event JSON-LD structured data.
Event Agenda
A conference or event schedule showing day tabs, time slots, session titles, speaker info, rooms, and session types.
Bio Card
Rich individual profile card with photo, name, role, bio text, skill tags, social links, availability badge, and CTA button.
About Section
Ready-made About Us section with split image/video + text layout, optional company stats row, badge label, CTA buttons, and full background/color controls.
Address Card
Business address card with contact details, opening hours, and optional map link.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Speaker Lineup from the Gutenberg inserter.