Blog · Gutenberg
Daily Schedule block for WordPress
A time-blocked daily schedule — share your ideal day, work routine, or time-management system with a visual timeline.
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
A time-blocked daily schedule — share your ideal day, work routine, or time-management system with a visual timeline.
Inspector panels on this block: Schedule Settings, Events (' + a.events.length +. Those titles come from index.js, not from a shared template.
Behavior controls: “Category” options: Work, Break, Personal, Health / Exercise, Meal / Food; “Start minute” options: :00, :15, :30, :45.
Where to find it
Gutenberg inserter → Blog → search “Daily Schedule” (block name `blockenberg/daily-schedule` in block.json). Style it in the sidebar after insert.
How to use Daily Schedule block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Daily Schedule”, insert it. Category: Blog.
- Configure inspector controls that exist on this block. Open Schedule Settings. Set “Day title”, “Show title”, “Day starts at”, “Day ends at”.
- 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 |
|---|---|
| Day title | Text field in the inspector. block.json default: A Typical Work Day. Saved as `dayTitle`. |
| Show title | On/off toggle in the inspector. On by default. Saved as `showTitle`. |
| Day starts at | Select control; the chosen value is saved on the block. block.json default: 6. Saved as `hourStart`. |
| Day ends at | Select control; the chosen value is saved on the block. block.json default: 22. Saved as `hourEnd`. |
| 12-hour clock | On/off toggle in the inspector. On by default. Saved as `use12Hour`. |
| Hour height (px) | Numeric range control in the inspector. Range 30–120. block.json default: 60. Saved as `hourHeight`. |
| Show grid lines | On/off toggle in the inspector. On by default. Saved as `showGridLines`. |
| Show event times | On/off toggle in the inspector. On by default. Saved as `showEventTime`. |
| Show event notes | On/off toggle in the inspector. On by default. Saved as `showEventNote`. |
| Typography — Title | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `typoTitle`. |
| Body size | Numeric range control in the inspector. Range 10–20. block.json default: 13. Saved as `fontSize`. |
| Event time font size | Numeric range control in the inspector. Range 9–16. block.json default: 11. Saved as `timeFontSize`. |
| Border radius | Numeric range control in the inspector. Range 0–30. block.json default: 16. Saved as `borderRadius`. |
| Events (' + a.events.length + — Title | Text field in the inspector. Saved as `events`. |
| Category | Select control; the chosen value is saved on the block. Options: Work; Break; Personal; Health / Exercise; Meal / Food. Saved as `events`. |
| Start hour | Select control; the chosen value is saved on the block. Saved as `events`. |
| Start minute | Select control; the chosen value is saved on the block. Options: :00; :15; :30; :45. Saved as `events`. |
| Duration (min) | Numeric range control in the inspector. Range 15–480. Saved as `events`. |
| Note (optional) | Text field in the inspector. Saved as `events`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- A time-blocked daily schedule — share your ideal day, work routine, or time-management system with a visual timeline — that is the job of Daily Schedule, not a generic content block.
- Use it when you need the editor control labeled “Day title”, which exists on this block’s inspector.
- It matches pages about schedule, calendar, time block.
- 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 Daily Schedule block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Daily Schedule”. It sits under Blog. After insert, open Schedule Settings and set “Day title”, “Show title”, “Day starts at”, “Day ends at”.
What makes Daily Schedule different from other Blockenberg blocks?
A time-blocked daily schedule — share your ideal day, work routine, or time-management system with a visual timeline. Inspector labels on this block include “Day title”, “Show title”, “Day starts at”, “Day ends at”.
Is the Daily Schedule Gutenberg block free?
Yes. Daily Schedule ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Daily Schedule 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: Schedule Settings, Events (' + a.events.length +).
Related blog blocks
Weekly Schedule
Visual weekly schedule grid with Mon–Sun columns and color-coded time-slot events. Ideal for fitness classes, teachers, and consultants.
Horizontal Timeline
Horizontal scrolling timeline with draggable track, alternating items above/below the line, animated entry, and rich styling options.
Meeting Recap
Structured meeting notes with attendees, agenda, decisions, action items, and next steps.
Notification Feed
Styled activity or notification feed with icon badges, titles, descriptions, timestamps, and read/unread states. Great for changelogs, activity logs, and social feeds.
Article Header
Rich editorial-style article/blog post header with category badge, headline, subheadline, author meta bar, and optional hero image.
Article Series
Multi-part series navigator showing all articles with the current one highlighted and progress indicator.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Daily Schedule from the Gutenberg inserter.