Developers · Gutenberg
Commit History block for WordPress
Display a Git-style commit history timeline — perfect for changelogs, devlogs, and project updates.
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
Display a Git-style commit history timeline — perfect for changelogs, devlogs, and project updates.
Inspector panels on this block: Repository, Appearance, Commits (' + a.commits.length +, Theme Colors, Type Prefix Colors. Those titles come from index.js, not from a shared template.
Where to find it
Gutenberg inserter → Developers → search “Commit History” (block name `blockenberg/commit-history` in block.json). Style it in the sidebar after insert.
How to use Commit History block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Commit History”, insert it. Category: Developers.
- Configure inspector controls that exist on this block. Open Repository. Set “Repo name”, “Branch”, “Show branch badge”, “Show hash”.
- 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 |
|---|---|
| Repo name | Text field in the inspector. block.json default: my-project. Saved as `repoName`. |
| Branch | Text field in the inspector. block.json default: main. Saved as `branchName`. |
| Show branch badge | On/off toggle in the inspector. On by default. Saved as `showBranch`. |
| Show hash | On/off toggle in the inspector. On by default. Saved as `showHash`. |
| Show author avatar | On/off toggle in the inspector. On by default. Saved as `showAuthorInitials`. |
| Show date | On/off toggle in the inspector. On by default. Saved as `showDate`. |
| Show version tags | On/off toggle in the inspector. On by default. Saved as `showTags`. |
| Border radius | Numeric range control in the inspector. Range 0–32. block.json default: 12. Saved as `borderRadius`. |
| Commit message | Text field in the inspector. Saved as `commits`. |
| Short hash (7 chars) | Text field in the inspector. Saved as `commits`. |
| Author name | Text field in the inspector. Saved as `commits`. |
| Date | Text field in the inspector. Saved as `commits`. |
| Tags (comma-separated) | Text field in the inspector. Saved as `commits`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- Display a Git-style commit history timeline — perfect for changelogs, devlogs, and project updates — that is the job of Commit History, not a generic content block.
- Use it when you need the editor control labeled “Repo name”, which exists on this block’s inspector.
- It matches pages about commit, git, history.
- Inserter grouping: docs sites, utilities, and developer landing 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 Commit History block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Commit History”. It sits under Developers. After insert, open Repository and set “Repo name”, “Branch”, “Show branch badge”, “Show hash”.
What makes Commit History different from other Blockenberg blocks?
Display a Git-style commit history timeline — perfect for changelogs, devlogs, and project updates. Inspector labels on this block include “Repo name”, “Branch”, “Show branch badge”, “Show hash”.
Is the Commit History Gutenberg block free?
Yes. Commit History ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Commit History 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: Repository, Appearance, Commits (' + a.commits.length +, Theme Colors).
Related developers blocks
API Reference
Display API endpoint documentation with method badge, parameters table, and request/response code examples.
Barcode Generator
Generate Code128 barcodes from any text or number. Customize bar height, width, colors, and download as PNG.
Base64 Encoder / Decoder
Encode plain text to Base64 or decode Base64 back to text. Supports Unicode, URL-safe Base64 and one-click copy.
Browser Mockup
Display a realistic browser chrome window around a customizable mini page preview — perfect for product screenshots, UI demos, and tutorials.
Clipboard Copy
Display a copyable code, coupon, or text with a one-click copy button.
Code Block
Syntax-highlighted code block with copy button, line numbers, and multiple themes.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Commit History from the Gutenberg inserter.