Blog · Gutenberg
Podcast Episode block for WordPress
Complete podcast episode show notes with guests, chapter timestamps, listen links, resources, and transcript excerpt.
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
Complete podcast episode show notes with guests, chapter timestamps, listen links, resources, and transcript excerpt.
Inspector panels on this block: Episode Info, Show Notes / Description, Listen Links, Guests, Chapter Timestamps, Resources & Links, Highlighted Quote / Transcript, Tags. Those titles come from index.js, not from a shared template.
Where to find it
Gutenberg inserter → Blog → search “Podcast Episode” (block name `blockenberg/podcast-episode` in block.json). Style it in the sidebar after insert.
How to use Podcast Episode block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Podcast Episode”, insert it. Category: Blog.
- Configure inspector controls that exist on this block. Open Episode Info. Set “Episode Title”, “Podcast Name”, “Episode #”, “Season #”.
- 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 |
|---|---|
| Episode Title | Text field in the inspector. block.json default: The Future of AI-Assisted Development. Saved as `episodeTitle`. |
| Podcast Name | Text field in the inspector. block.json default: Dev Stories Podcast. Saved as `podcastName`. |
| Episode # | Text field in the inspector. block.json default: 147. Saved as `episodeNumber`. |
| Season # | Text field in the inspector. block.json default: 6. Saved as `season`. |
| Publish Date | Text field in the inspector. block.json default: February 24, 2026. Saved as `publishDate`. |
| Duration | Text field in the inspector. block.json default: 58 min. Saved as `duration`. |
| Show Number | On/off toggle in the inspector. On by default. Saved as `showNumber`. |
| Show Podcast Name | On/off toggle in the inspector. On by default. Saved as `showPodcastName`. |
| Show Meta | On/off toggle in the inspector. On by default. Saved as `showMeta`. |
| Show Description | On/off toggle in the inspector. On by default. Saved as `showDescription`. |
| Show Listen Buttons | On/off toggle in the inspector. On by default. Saved as `showListenLinks`. |
| Label | Text field in the inspector. block.json default: Listen on. Saved as `listenLinksLabel`. |
| Platform | Text field in the inspector. Saved as `listenLinks`. |
| URL | Text field in the inspector. Saved as `listenLinks`. |
| Show Guests | On/off toggle in the inspector. On by default. Saved as `showGuests`. |
| Section Label | Text field in the inspector. block.json default: Guests. Saved as `guestsLabel`. |
| Name | Text field in the inspector. Saved as `guests`. |
| Role / Title | Text field in the inspector. Saved as `guests`. |
| Bio | Multiline text field in the inspector. Saved as `guests`. |
| Show Chapters | On/off toggle in the inspector. On by default. Saved as `showTimestamps`. |
| Section Label (Timestamps Label) | Text field in the inspector. block.json default: Chapters. Saved as `timestampsLabel`. |
| Show Resources | On/off toggle in the inspector. On by default. Saved as `showResources`. |
| Section Label (Resources Label) | Text field in the inspector. block.json default: Resources & Links. Saved as `resourcesLabel`. |
| Resources & Links — Title | Text field in the inspector. Saved as `resources`. |
| URL (Resources) | Text field in the inspector. Saved as `resources`. |
| Show Quote | On/off toggle in the inspector. On by default. Saved as `showTranscript`. |
| Section Label (Transcript Label) | Text field in the inspector. block.json default: Highlighted Quote. Saved as `transcriptLabel`. |
| Show Tags | On/off toggle in the inspector. On by default. Saved as `showTags`. |
| Tags (comma-separated) | Text field in the inspector. Saved as `tags`. |
| Title Typography | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `titleTypo`. |
| Body Typography | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `bodyTypo`. |
| Border Radius (px) | Numeric range control in the inspector. Range 0–24. block.json default: 12. Saved as `borderRadius`. |
| Header BG | Color control in the inspector. block.json default: #0f172a. Saved as `bgColor`. |
| Header Text | Color control in the inspector. block.json default: #ffffff. Saved as `headerColor`. |
| Listen Button BG | Color control in the inspector. block.json default: #3b82f6. Saved as `listenBtnBg`. |
| Listen Button Text | Color control in the inspector. block.json default: #ffffff. Saved as `listenBtnColor`. |
| Body BG | Color control in the inspector. block.json default: #ffffff. Saved as `bodyBg`. |
| Body Border | Color control in the inspector. block.json default: #e5e7eb. Saved as `bodyBorderColor`. |
| Body Colors — Text | Color control in the inspector. block.json default: #374151. Saved as `textColor`. |
| Muted Text | Color control in the inspector. block.json default: #6b7280. Saved as `mutedColor`. |
| Accent | Color control in the inspector. block.json default: #3b82f6. Saved as `accentColor`. |
| Section Headings | Color control in the inspector. block.json default: #0f172a. Saved as `sectionHeadColor`. |
| Chapter Time BG | Color control in the inspector. block.json default: #f1f5f9. Saved as `chapterTimeBg`. |
| Chapter Time Text | Color control in the inspector. block.json default: #1e293b. Saved as `chapterTimeColor`. |
| Guest Card BG | Color control in the inspector. block.json default: #f8fafc. Saved as `guestBg`. |
| Guest Name | Color control in the inspector. block.json default: #0f172a. Saved as `guestNameColor`. |
| Guest Role | Color control in the inspector. block.json default: #3b82f6. Saved as `guestRoleColor`. |
| Tag BG | Color control in the inspector. block.json default: #eff6ff. Saved as `tagBg`. |
| Tag Text | Color control in the inspector. block.json default: #1d4ed8. Saved as `tagColor`. |
| Quote BG | Color control in the inspector. block.json default: #f8fafc. Saved as `transcriptBg`. |
| Quote Border | Color control in the inspector. block.json default: #3b82f6. Saved as `transcriptBorderColor`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- Complete podcast episode show notes with guests, chapter timestamps, listen links, resources, and transcript excerpt — that is the job of Podcast Episode, not a generic content block.
- Use it when you need the editor control labeled “Episode Title”, which exists on this block’s inspector.
- It matches pages about podcast, episode, audio.
- 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 Podcast Episode block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Podcast Episode”. It sits under Blog. After insert, open Episode Info and set “Episode Title”, “Podcast Name”, “Episode #”, “Season #”.
What makes Podcast Episode different from other Blockenberg blocks?
Complete podcast episode show notes with guests, chapter timestamps, listen links, resources, and transcript excerpt. Inspector labels on this block include “Episode Title”, “Podcast Name”, “Episode #”, “Season #”.
Is the Podcast Episode Gutenberg block free?
Yes. Podcast Episode ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Podcast Episode 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: Episode Info, Show Notes / Description, Listen Links, Guests).
Related blog blocks
Show Notes
Podcast show notes with sponsors, chapters, links, resources, and featured quotes.
Media Quote
Quote with embedded video thumbnail (play button overlay) or image and speaker attribution. Perfect for podcast clips, interview excerpts, and video testimonials.
Interview Q&A
Magazine-style interview Q&A with styled questions and answers, speaker info, and multiple visual styles.
Reading Card
Book, article, podcast or course recommendation card with cover image, rating, category badge and CTA link. Multiple visual styles.
Article Header
Rich editorial-style article/blog post header with category badge, headline, subheadline, author meta bar, and optional hero image.
Article Series
Multi-part series navigator showing all articles with the current one highlighted and progress indicator.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Podcast Episode from the Gutenberg inserter.