Blog · Gutenberg
Press Release block for WordPress
Structured press release with dateline, headline, body paragraphs, boilerplate, and media contact block.
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
Structured press release with dateline, headline, body paragraphs, boilerplate, and media contact block.
Inspector panels on this block: Release Info, Headline, Body Content, End Marker & Boilerplate, Media Contact, Appearance. Those titles come from index.js, not from a shared template.
Where to find it
Gutenberg inserter → Blog → search “Press Release” (block name `blockenberg/press-release` in block.json). Style it in the sidebar after insert.
How to use Press Release block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Press Release”, insert it. Category: Blog.
- Configure inspector controls that exist on this block. Open Release Info. Set “Show Release Label”, “Label”, “Show Dateline”, “City”.
- 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 |
|---|---|
| Show Release Label | On/off toggle in the inspector. On by default. Saved as `showReleaseLabel`. |
| Label | Text field in the inspector. block.json default: FOR IMMEDIATE RELEASE. Saved as `releaseLabel`. |
| Show Dateline | On/off toggle in the inspector. On by default. Saved as `showDateline`. |
| City | Text field in the inspector. block.json default: San Francisco, CA. Saved as `city`. |
| Date | Text field in the inspector. block.json default: February 24, 2026. Saved as `releaseDate`. |
| Show Subheadline | On/off toggle in the inspector. On by default. Saved as `showSubheadline`. |
| Show End Marker (###) | On/off toggle in the inspector. On by default. Saved as `showEndMarker`. |
| End Marker Text | Text field in the inspector. block.json default: ###. Saved as `endMarker`. |
| Show Boilerplate | On/off toggle in the inspector. On by default. Saved as `showBoilerplate`. |
| Boilerplate Title | Text field in the inspector. block.json default: About Acme Corp. Saved as `boilerplateTitle`. |
| Show Media Contact | On/off toggle in the inspector. On by default. Saved as `showMediaContact`. |
| Name | Text field in the inspector. block.json default: Sarah Johnson. Saved as `mediaContactName`. |
| Title / Role | Text field in the inspector. block.json default: Head of Communications. Saved as `mediaContactTitle`. |
| Company | Text field in the inspector. block.json default: Acme Corp. Saved as `mediaContactCompany`. |
| Text field in the inspector. block.json default: press@acmecorp.com. Saved as `mediaContactEmail`. | |
| Phone | Text field in the inspector. block.json default: +1 (415) 555-0192. Saved as `mediaContactPhone`. |
| Headline | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `headlineTypo`. |
| Body Text | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `bodyTypo`. |
| Max Width (px) | Numeric range control in the inspector. Range 480–1200. block.json default: 760. Saved as `maxWidth`. |
| Border Radius | Numeric range control in the inspector. Range 0–20. block.json default: 8. Saved as `borderRadius`. |
| Colors — Background | Color control in the inspector. block.json default: #ffffff. Saved as `bgColor`. |
| Body Text Color | Color control in the inspector. block.json default: #1a1a2e. Saved as `textColor`. |
| Headline Color | Color control in the inspector. block.json default: #0f172a. Saved as `headlineColor`. |
| Subheadline / Dateline Color | Color control in the inspector. block.json default: #475569. Saved as `subheadlineColor`. |
| Release Label Color | Color control in the inspector. block.json default: #dc2626. Saved as `releaseLabelColor`. |
| Border Color | Color control in the inspector. block.json default: #e2e8f0. Saved as `dateBorderColor`. |
| Boilerplate Background | Color control in the inspector. block.json default: #f8fafc. Saved as `boilerplateBg`. |
| Boilerplate Text Color | Color control in the inspector. block.json default: #64748b. Saved as `boilerplateTextColor`. |
| Contact Background | Color control in the inspector. block.json default: #f1f5f9. Saved as `contactBg`. |
| Contact Text Color | Color control in the inspector. block.json default: #334155. Saved as `contactColor`. |
| Link / Accent Color | Color control in the inspector. block.json default: #2563eb. Saved as `accentColor`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- Structured press release with dateline, headline, body paragraphs, boilerplate, and media contact block — that is the job of Press Release, not a generic content block.
- Use it when you need the editor control labeled “Show Release Label”, which exists on this block’s inspector.
- It matches pages about press, release, news.
- 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 Press Release block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Press Release”. It sits under Blog. After insert, open Release Info and set “Show Release Label”, “Label”, “Show Dateline”, “City”.
What makes Press Release different from other Blockenberg blocks?
Structured press release with dateline, headline, body paragraphs, boilerplate, and media contact block. Inspector labels on this block include “Show Release Label”, “Label”, “Show Dateline”, “City”.
Is the Press Release Gutenberg block free?
Yes. Press Release ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Press Release 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: Release Info, Headline, Body Content, End Marker & Boilerplate).
Related blog blocks
Changelog
Versioned release-notes block with colour-coded categories (New, Improved, Fixed, Deprecated). Perfect for SaaS product pages.
Fact Check
Editorial fact-check verdict box with claim, verdict rating, explanation, and sources.
Media Quote
Quote with embedded video thumbnail (play button overlay) or image and speaker attribution. Perfect for podcast clips, interview excerpts, and video testimonials.
Release Notes
Structured software or product release notes with versioned sections: Added, Changed, Fixed, Removed, Security, and Deprecated.
Sources & References
A formatted bibliography/citations section for articles and research. Add numbered references with title, author, publication, URL, and access date. Styles: academic, card list, or minimal.
Article Header
Rich editorial-style article/blog post header with category badge, headline, subheadline, author meta bar, and optional hero image.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Press Release from the Gutenberg inserter.