Skip to content

Sermon Block Reference

These dynamic blocks read synchronized data from the current Episode. Use them in a single Episode template or while editing an Episode, not on a general page that has no episode context.

Purpose: Displays a native HTML audio player.

Source: Uses the external library audio URL when supplied. For Planning Center-hosted audio, Kleis requests a fresh short-lived file access link when playback begins, including on cached pages.

Editor: Shows a placeholder because the final player is rendered on the front end.

Empty state: Displays “Audio not available.”

Styling: Target the block’s standard WordPress wrapper and .kleis-sermon-audio in theme CSS when block controls are not sufficient.

Purpose: Displays valid Planning Center episode resource links with file-type icons.

Source: Each resource needs both a title and a valid public web URL.

Editor: Shows a placeholder; resource links appear on the front end.

Empty state: Produces no output, preventing an empty list from taking up space.

Styling: The list uses .kleis-episode-resources, with item and link classes beneath it.

Purpose: Displays an Open in Church Center link for the current episode. Its default presentation is designed for mobile visitors.

Source: Uses the episode’s Church Center URL from Planning Center Publishing.

Editor: Shows a simple preview label.

Empty state: Produces no output when no Church Center URL is available.

Styling: Use .kleis-open-in-app and .kleis-open-in-app__button when your theme needs an override.

You should now be able to: choose the correct sermon block, place it in Episode context, predict its empty state, and identify the stable CSS class available to your theme.