Developers · Gutenberg
Cron Builder block for WordPress
Visual cron expression builder. Edit each field individually, see a human-readable description, choose from common presets, preview next run times, and copy the final expression.
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
Visual cron expression builder. Edit each field individually, see a human-readable description, choose from common presets, preview next run times, and copy the final expression.
Inspector panels on this block: Content, Cron Settings, Appearance. Those titles come from index.js, not from a shared template.
Where to find it
Gutenberg inserter → Developers → search “Cron Builder” (block name `blockenberg/cron-builder` in block.json). Style it in the sidebar after insert.
How to use Cron Builder block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Cron Builder”, insert it. Category: Developers.
- Configure inspector controls that exist on this block. Open Content. Set “Content — Title”, “Subtitle”, “Show Title”, “Show Subtitle”.
- Check the published page. The view script reads HTML data attributes: data-opts. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Content — Title | Text field in the inspector. block.json default: Cron Expression Builder. Saved as `title`. |
| Subtitle | Text field in the inspector. block.json default: Build and understand cron schedules visually. Saved as `subtitle`. |
| Show Title | On/off toggle in the inspector. On by default. Saved as `showTitle`. |
| Show Subtitle | On/off toggle in the inspector. On by default. Saved as `showSubtitle`. |
| Default Expression | Text field in the inspector. block.json default: 0 9 * * *. Saved as `defaultExpression`. |
| Show Presets | On/off toggle in the inspector. On by default. Saved as `showPresets`. |
| Show Human Description | On/off toggle in the inspector. On by default. Saved as `showDescription`. |
| Show Next Run Times | On/off toggle in the inspector. On by default. Saved as `showNextRuns`. |
| Next Runs Count | Numeric range control in the inspector. Range 1–10. block.json default: 5. Saved as `nextRunsCount`. |
| Typography — Title | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoTitle`. |
| Subtitle (Typo Subtitle) | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoSubtitle`. |
| Cron expression font size (px) | Numeric range control in the inspector. Range 14–36. block.json default: 22. Saved as `expressionFontSize`. |
| Max Width (px) | Numeric range control in the inspector. Range 320–1200. block.json default: 720. Saved as `contentMaxWidth`. |
| Accent / Button | Color control in the inspector. block.json default: #0ea5e9. Saved as `accentColor`. |
| Section Background | Color control in the inspector. block.json default: #f0f9ff. Saved as `sectionBg`. |
| Card Background | Color control in the inspector. block.json default: #ffffff. Saved as `cardBg`. |
| Field Background | Color control in the inspector. block.json default: #e0f2fe. Saved as `fieldBg`. |
| Title Color | Color control in the inspector. block.json default: #0c4a6e. Saved as `titleColor`. |
| Subtitle Color | Color control in the inspector. block.json default: #6b7280. Saved as `subtitleColor`. |
| Label Color | Color control in the inspector. block.json default: #374151. Saved as `labelColor`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts.
When this is the right block
- Visual cron expression builder. Edit each field individually, see a human-readable description, choose from common presets, preview next run times, and copy the final expression — that is the job of Cron Builder, not a generic content block.
- Use it when you need the editor control labeled “Content — Title”, which exists on this block’s inspector.
- It matches pages about cron, scheduler, schedule.
- 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 Cron Builder block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Cron Builder”. It sits under Developers. After insert, open Content and set “Content — Title”, “Subtitle”, “Show Title”, “Show Subtitle”.
What makes Cron Builder different from other Blockenberg blocks?
Visual cron expression builder. Edit each field individually, see a human-readable description, choose from common presets, preview next run times, and copy the final expression. Inspector labels on this block include “Content — Title”, “Subtitle”, “Show Title”, “Show Subtitle”.
Is the Cron Builder Gutenberg block free?
Yes. Cron Builder ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Cron Builder 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: Content, Cron Settings, Appearance).
Related developers blocks
API Reference
Display API endpoint documentation with method badge, parameters table, and request/response code examples.
Base64 Encoder / Decoder
Encode plain text to Base64 or decode Base64 back to text. Supports Unicode, URL-safe Base64 and one-click copy.
Code Tabs
Multi-language tabbed code viewer with syntax highlighting. Show the same snippet in JavaScript, Python, PHP, and more.
GitHub Card
Display a GitHub user profile or repository card with live stats fetched from the GitHub API.
Hash Generator
Generate MD5, SHA-1, SHA-256 and SHA-512 cryptographic hashes from any text input. Useful for developers, security professionals and data integrity checks.
JSON Formatter
Validate, format (pretty-print), and minify JSON with syntax highlighting and one-click copy.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Cron Builder from the Gutenberg inserter.