Blog · Gutenberg
Expert Roundup block for WordPress
Collect expert opinions, tips, or predictions on a topic. Each expert has a photo, name, title, and their contributed insight. Great for SEO-rich editorial articles.
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
Collect expert opinions, tips, or predictions on a topic. Each expert has a photo, name, title, and their contributed insight. Great for SEO-rich editorial articles.
Inspector panels on this block: Experts, Layout & Display. Those titles come from index.js, not from a shared template.
Behavior controls: “Layout” options: Cards Grid, Vertical List; “Quote Style” options: Block (left border), Plain text, Speech bubble.
Where to find it
Gutenberg inserter → Blog → search “Expert Roundup” (block name `blockenberg/expert-roundup` in block.json). Style it in the sidebar after insert.
How to use Expert Roundup block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Expert Roundup”, insert it. Category: Blog.
- Configure inspector controls that exist on this block. Open Experts. Set “Name”, “Title”, “Company”, “Contribution / Insight”.
- 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 |
|---|---|
| Name | Text field in the inspector. |
| Title | Text field in the inspector. |
| Company | Text field in the inspector. |
| Contribution / Insight | Multiline text field in the inspector. |
| Layout | Select control; the chosen value is saved on the block. Options: Cards Grid; Vertical List. block.json default: cards. Saved as `layout`. |
| Columns (grid layout) | Numeric range control in the inspector. Range 1–3. block.json default: 2. Saved as `columns`. |
| Quote Style | Select control; the chosen value is saved on the block. Options: Block (left border); Plain text; Speech bubble. block.json default: block. Saved as `quoteStyle`. |
| Show Number Badge | On/off toggle in the inspector. On by default. Saved as `showNumber`. |
| Show Company | On/off toggle in the inspector. On by default. Saved as `showCompany`. |
| Border Radius | Numeric range control in the inspector. Range 0–24. block.json default: 12. Saved as `borderRadius`. |
| Padding Top | Numeric range control in the inspector. Range 0–200. block.json default: 80. Saved as `paddingTop`. |
| Padding Bottom | Numeric range control in the inspector. Range 0–200. block.json default: 80. Saved as `paddingBottom`. |
| Max Width (px) | Numeric range control in the inspector. Range 600–1600. block.json default: 1100. Saved as `maxWidth`. |
| Eyebrow | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoEyebrow`. |
| Heading | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoHeading`. |
| Subtext | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoSubtext`. |
| Quote | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoQuote`. |
| Colors — Background | Color control in the inspector. block.json default: #f8fafc. Saved as `bgColor`. |
| Accent | Color control in the inspector. block.json default: #6366f1. Saved as `accentColor`. |
| Eyebrow | Color control in the inspector. block.json default: #6366f1. Saved as `eyebrowColor`. |
| 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`. |
| Card Background | Color control in the inspector. block.json default: #ffffff. Saved as `cardBg`. |
| Card Border | Color control in the inspector. block.json default: #e2e8f0. Saved as `cardBorder`. |
| Expert Name | Color control in the inspector. block.json default: #111827. Saved as `nameColor`. |
| Expert Title | Color control in the inspector. block.json default: #6b7280. Saved as `titleColor`. |
| Company | Color control in the inspector. block.json default: #6366f1. Saved as `companyColor`. |
| Quote / Contribution | Color control in the inspector. block.json default: #374151. Saved as `quoteColor`. |
| Number Badge BG | Color control in the inspector. block.json default: #6366f1. Saved as `numberBg`. |
| Number Badge Text | Color control in the inspector. block.json default: #ffffff. Saved as `numberColor`. |
| Avatar Background | Color control in the inspector. block.json default: #ede9fe. Saved as `avatarBg`. |
| Avatar Initials | Color control in the inspector. block.json default: #6366f1. Saved as `avatarColor`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- Collect expert opinions, tips, or predictions on a topic. Each expert has a photo, name, title, and their contributed insight. Great for SEO-rich editorial articles — that is the job of Expert Roundup, not a generic content block.
- Use it when you need the editor control labeled “Name”, which exists on this block’s inspector.
- It matches pages about expert, roundup, opinion.
- 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 Expert Roundup block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Expert Roundup”. It sits under Blog. After insert, open Experts and set “Name”, “Title”, “Company”, “Contribution / Insight”.
What makes Expert Roundup different from other Blockenberg blocks?
Collect expert opinions, tips, or predictions on a topic. Each expert has a photo, name, title, and their contributed insight. Great for SEO-rich editorial articles. Inspector labels on this block include “Name”, “Title”, “Company”, “Contribution / Insight”.
Is the Expert Roundup Gutenberg block free?
Yes. Expert Roundup ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Expert Roundup 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: Experts, Layout & Display).
Related blog blocks
Interview Q&A
Magazine-style interview Q&A with styled questions and answers, speaker info, and multiple visual styles.
Link Roundup
Curated links collection — weekly/monthly digest with categories.
Media Quote
Quote with embedded video thumbnail (play button overlay) or image and speaker attribution. Perfect for podcast clips, interview excerpts, and video testimonials.
Opinion Box
Editorial 'My Take' opinion callout with author attribution, badge, and signed commentary.
Product Roundup
Ranked multi-product review section with ratings, pros/cons and CTAs.
Pullquote Pro
Eye-catching quotation with large typography, decorative marks, author avatar, and alignment options.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Expert Roundup from the Gutenberg inserter.