About this plugin
Idara Business Hours is a focused, single-purpose Gutenberg block that shows your weekly opening hours in a clean, accessible table — with a live “Open now / Closed” status pill that updates in the visitor’s browser against your business timezone, so it never goes stale behind page caching.
org markup (JSON-LD) so search engines can show your hours directly in results.
Idara (إدارة) is the Arabic word for “administration” or “management”. Idara Studio is a one-person studio building a growing family of carefully crafted, single-purpose Gutenberg blocks.
studio.
Why this and not a full block suite?
Most block plugins ship 30+ blocks you’ll never use, slowing your editor and your frontend. Idara plugins are deliberately small. This one loads its CSS and JavaScript only on pages where the block is present — never globally.
Features
- Weekly hours editor (Monday–Sunday), each day open or closed
- Split shifts — multiple time ranges per day (e.g. 9:00–12:00 and 14:00–18:00 for a lunch break)
- Live “Open now / Closed” status, computed in the browser against your business timezone (cache-safe via the WordPress Interactivity API)
- “Opens at…” / “Closes at…” hint next to the status
- Special / holiday hours — date-specific overrides (e.g. closed Dec 25)
- Optional LocalBusiness JSON-LD schema (name, address, phone, opening hours) for local SEO
- 12-hour or 24-hour time display
- Highlights the current day in the table
- Per-block timezone control (defaults to your site timezone)
- Inherits theme color and typography via block supports
- Full Site Editing (FSE) compatible — works inside block templates and template parts
- Semantic, accessible markup with ARIA labels
- No tracking, no external requests, no third-party services
- Translation-ready
Use cases
- Restaurants, cafés, and shops showing when they’re open
- Clinics and professional services with split (morning/afternoon) hours
- Any local business that wants accurate hours in search results via schema
Development
Source code and build tools are available on GitHub:
com/sajid-ansari-65/idara-business-hours
The src/ directory contains the unminified JavaScript (ES modules, JSX) and SCSS. Run npm install && npm run build to compile.