Blog · Gutenberg
Update Notice block for WordPress
Editorial article update and correction notice with date, summary, and change history.
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
Editorial article update and correction notice with date, summary, and change history.
Inspector panels on this block: Notice, Change History. Those titles come from index.js, not from a shared template.
Behavior controls: “Notice Type” options: Updated, Correction, Addition, Deprecated, Reviewed; “Style — Style” options: Banner (left accent strip), Box (full border), Pill (compact inline).
Where to find it
Gutenberg inserter → Blog → search “Update Notice” (block name `blockenberg/update-notice` in block.json). Style it in the sidebar after insert.
How to use Update Notice block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Update Notice”, insert it. Category: Blog.
- Configure inspector controls that exist on this block. Open Notice. Set “Notice Type”, “Update Date”, “Show Original Publish Date”, “Original Publish Date”.
- 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 |
|---|---|
| Notice Type | Select control; the chosen value is saved on the block. Options: Updated; Correction; Addition; Deprecated; Reviewed. block.json default: updated. Saved as `type`. |
| Update Date | Text field in the inspector. Saved as `primaryDate`. |
| Show Original Publish Date | On/off toggle in the inspector. Off by default. Saved as `showOriginalDate`. |
| Original Publish Date | Text field in the inspector. Saved as `originalPublishDate`. |
| Show Change History | On/off toggle in the inspector. Off by default. Saved as `showHistory`. |
| Date | Text field in the inspector. |
| Summary | Multiline text field in the inspector. |
| Style — Style | Select control; the chosen value is saved on the block. Options: Banner (left accent strip); Box (full border); Pill (compact inline). block.json default: banner. Saved as `style`. |
| Border Radius | Numeric range control in the inspector. Range 0–20. block.json default: 6. Saved as `borderRadius`. |
| Padding Top | Numeric range control in the inspector. Range 0–80. block.json default: 0. Saved as `paddingTop`. |
| Padding Bottom | Numeric range control in the inspector. Range 0–80. block.json default: 0. Saved as `paddingBottom`. |
| Colors — Background | Color control in the inspector. block.json default: #eff6ff. Saved as `bgColor`. |
| Colors — Border | Color control in the inspector. block.json default: #bfdbfe. Saved as `borderColor`. |
| Accent | Color control in the inspector. block.json default: #2563eb. Saved as `accentColor`. |
| Label | Color control in the inspector. block.json default: #1d4ed8. Saved as `labelColor`. |
| Date | Color control in the inspector. block.json default: #3b82f6. Saved as `dateColor`. |
| Colors — Text | Color control in the inspector. block.json default: #1e3a8a. Saved as `textColor`. |
| History Text | Color control in the inspector. block.json default: #1e40af. Saved as `historyTextColor`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- Editorial article update and correction notice with date, summary, and change history — that is the job of Update Notice, not a generic content block.
- Use it when you need the editor control labeled “Notice Type”, which exists on this block’s inspector.
- It matches pages about update, notice, correction.
- 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 Update Notice block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Update Notice”. It sits under Blog. After insert, open Notice and set “Notice Type”, “Update Date”, “Show Original Publish Date”, “Original Publish Date”.
What makes Update Notice different from other Blockenberg blocks?
Editorial article update and correction notice with date, summary, and change history. Inspector labels on this block include “Notice Type”, “Update Date”, “Show Original Publish Date”, “Original Publish Date”.
Is the Update Notice Gutenberg block free?
Yes. Update Notice ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Update Notice 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: Notice, Change History).
Related blog blocks
Release Notes
Structured software or product release notes with versioned sections: Added, Changed, Fixed, Removed, Security, and Deprecated.
Article Header
Rich editorial-style article/blog post header with category badge, headline, subheadline, author meta bar, and optional hero image.
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.
Listicle
Rich numbered list article format for Top 10, Best of, and ranked editorial content. Each item has number badge, title, image, description, verdict and tags.
Opinion Box
Editorial 'My Take' opinion callout with author attribution, badge, and signed commentary.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Update Notice from the Gutenberg inserter.