Simple Digital Clock 🕒
Add customizable digital clocks to WordPress. Show your office’s local time, another city’s time or UTC with captions, dates and colors. 📌 Description Show your office’s local time, the time in another city or UTC on your WordPress site. Simple Digital Clock provides a Gutenberg block for posts, pa
Add customizable digital clocks to WordPress. Show your office’s local time, another city’s time or UTC with captions, dates and colors.
📌 Description
Show your office’s local time, the time in another city or UTC on your WordPress site. Simple Digital Clock provides a Gutenberg block for posts, pages and block-based widget areas. Choose a time zone, add a caption and adjust colors, fonts and display options directly in the editor. Add multiple clocks to show the time in different locations, with independent settings for each block.
Live demo 👀 | CodePen playground 👀
⭐️ FEATURES ⭐️
- 🚀 Lightweight (~12.2 KiB gzip)
- 🗣 Locale support (BCP-47, e.g., en-US , uk , de-DE )
- 🌐 IANA time zones (e.g., Europe/Kyiv , UTC )
- 📝 Custom caption
- 🎨 Styling: color/gradient, radius, shadows
- 🔢 24-hour or AM/PM, ⏱ seconds, ⏱️ optional hundredths of a second, 📅 date
- 🔒 SSL-friendly, 📱 responsive
- 💯 Free, no ads
How it works
- 01Add the Simple Digital Clock block in the editor or as a widget.
- 02Configure in the right sidebar: Locale (e.g., en-US , uk , fr-FR )
- 03Time Zone (IANA ID, e.g., Europe/Kyiv , America/New_York , UTC )
- 04Seconds , Hundredths , Date , 24-Hour (AM/PM) , Caption
- 05Background/gradient, border radius, shadow, and font
Hundredths shows two fractional digits after the seconds for clocks that need finer visual precision. Hundredths automatically include seconds while enabled. Note: the browser may not render every 10 ms increment.
📌 Installation
= From your WordPress dashboard = 1. Go to Plugins → Add New 2. Search for “Simple Digital Clock” 3. Install & Activate 4. Insert the block in the editor or add it as a widget ( /wp-admin/widgets.php )