Blocks

Blocks »Podcast Player Block

Use the Podcast Player block to display a listing of recent episodes from a podcast and play them on your website.

Table of Contents

Inserting a Podcast Player Block

To add a Podcast Player block, click on the block inserter icon to open the block library and select the Podcast Player block.

Gif of inserting a podcast player block by clicking on the inline + inserter, typing Podcast, clicking the Podcast Player icon, then it inserts a Podcast Player block.
Inserting the Podcast Player block

Alternatively, you can type /podcast on a new line and press Enter.

For more, visit our detailed instructions on adding blocks.


↑ Table of Contents ↑

Configuring a Podcast Player Block

After inserting the block, there will be a field where you can enter the RSS feed URL of a podcast.

You must enter a valid podcast RSS feed URL. For example, https://distributed.blog/category/podcast/feed/ is a valid feed but https://distributed.blog/ is not.

Enter your URL and submit to insert your podcast.

Gif of Podcast Player block RSS link being entered into the URL field, the Embed button clicked, and the resulting Podcast Player being shown.
Configuring the Podcast Player block.

↑ Table of Contents ↑

Block Toolbar

Every block comes with a toolbar of block-specific controls that allow you to customize the block.

Arrow pointing to Replace button in the Podcast Player block toolbar.

The Podcast Player block has one option to replace the podcast RSS feed URL with another one.


↑ Table of Contents ↑

Block Settings

Every block has options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, click the Settings button (the ‘cog’ icon next to the Publish button).

Settings icon button with arrow pointing to it, showing its position at the top of the page next to the Publish button.
The Settings button toggles the block options sidebar.

The Podcast Player block has the following settings:

Podcast Settings
  • Number of items – controls how many episodes will be displayed (most recent first).
  • Show Cover Art – toggles the display of the podcast’s cover art (if available).
  • Show Episode Description – toggles the display of the description for the currently selected episode.
Podcast player settings panel showing number of items slider, show cover art, and show episode description options.
Color Settings
  • Primary Color – controls the color used for “primary” elements in the block display (eg: titles, active episodes).
  • Secondary Color – controls the color used for “secondary” elements in the block display (eg: descriptions, non-active episodes).
  • Background Color – controls the color used as the background color for the block.
Color palette panel for the Podcast Player block showing Primary, Secondary, and Background color options.

↑ Table of Contents ↑

Advanced

The advanced tab lets you add CSS classes to your block, allowing you to use custom CSS rules and style the block. Learn more.

The advanced section lets you add a CSS class to your block.
The advanced section lets you add a CSS class to your block.

Not quite what you're looking for?

Get Help