āĻŦā§°ā§āĻŖāĻ¨āĻž
It is đĒ a magical and easy-to-use digital clock with a beautiful UI, supporting multiple languages, locales, dates, captions, and time zones.
đ Description
The Digital Clock Widget â the perfect addition to your website! This sleek and minimalist digital clock Gutenberg block (widget) offers a quick and easy way to display the current time on your site. With its clean design and unobtrusive style, it seamlessly blends into any webpage. Whether you’re running a blog, an e-commerce store, or a personal website, our widget keeps your visitors informed with accurate, real-time information. Easy to install and highly customizable, it’s the ideal choice for adding a touch of professionalism to your online presence. Upgrade your website today with the Simple Digital Clock Widget and keep your audience in sync with the times!
The plugin contains compressed JS code in order to save space and optimize the script. Following the WordPress community rules, we have opened a repository so that you can check and make sure that this code is malware-free and will not cause problems to its users.
Github: https://github.com/Timenow-zone/Simple-Digital-Clock-Widget
âī¸ FEATURES âī¸
- đ Lightweight (~11 KB 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, đ date
- đ SSL-friendly, đą responsive, đ SEO-friendly
- đ¯ Free, no ads
How it works
- Add the Simple Digital Clock block in the editor or as a widget.
- Configure in the right sidebar:
- Locale (e.g.,
en-US,uk,fr-FR) - Time Zone (IANA ID, e.g.,
Europe/Kyiv,America/New_York,UTC) - Seconds, Date, 24-Hour (AM/PM), Caption
- Background/gradient, border radius, shadow, and font
- Locale (e.g.,
đ 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)
From WordPress.org
- Download âSimple Digital Clockâ
- Upload to /wp-content/plugins/
- Activate
- Insert the block / add the widget
đŠ Donations
đ Sync Time: UTC
đī¸ Today’s Date: TodaysDateNow
āĻ¸ā§āĻā§ā§°ā§āĻ¨āĻļā§āĻŦāĻ
creenshot-1.png â Front-end examples: multiple Simple Digital Clock blocks on one page, each with different locales, time zones, colors, and formats (AM/PM or 24-hour). 
screenshot-2.png â Editor view: Gutenberg sidebar settings for the block (Container, Background Color, Options, Display, About, Advanced) to tweak size, radius, shadow, font, locale, time zone, seconds, date, etc. 
screenshot-3.png â Block inserter: searching âClockâ and selecting the Simple Digital Clock block to add it to the page.
āĻŦā§āĻ˛āĻāĻŦā§ā§°
āĻāĻ āĻĒā§āĻ˛āĻžāĻāĻŋāĻ¨āĻā§ā§ąā§ 1āĻāĻž āĻŦā§āĻ˛āĻ āĻĒā§ā§°āĻĻāĻžāĻ¨ āĻā§°ā§āĨ¤
- Simple Digital Clock Block Widget Block
āĻ¸āĻāĻ¨āĻžāĻ āĻāĻ¤ā§āĻĨāĻžāĻĒāĻŋāĻ¤ āĻĒā§ā§°āĻļā§āĻ¨
-
Can I set a custom locale (e.g., `uk` or `en-GB`)?
-
Yes. Use the Locale field and enter any valid BCP-47 tag.
-
How do I pick the time zone?
-
Use the Time Zone field and select any valid IANA ID (e.g.,
Europe/Kyiv,UTC). -
Can I use my own fonts?
-
You can choose from built-in mono fonts (Google Fonts) or keep the system font.
-
24-hour format
-
Yes. You can enable 24-hour time for any locale. Toggle 24-Hour in the block settings. For 12-hour time with AM/PM, turn it off.
-
Can I show different locales and time zones on the same page?
-
Yes. Each block is independentâset its own locale and time zone.
-
Is it fast?
-
Yes. The script is tiny and minified, with no heavy dependencies.
āĻĒā§°ā§āĻ¯ā§āĻ¯āĻžāĻ˛ā§āĻāĻ¨āĻž
āĻ ā§ąāĻĻāĻžāĻ¨āĻāĻžā§°ā§ āĻā§°ā§ āĻŦāĻŋāĻāĻžāĻļāĻāĻžā§°ā§āĻ¸āĻāĻ˛
“Simple Digital Clock đ” āĻšā§āĻā§ āĻŽā§āĻā§āĻ¤ āĻā§āĻ¸ā§° āĻāĻĢā§āĻā§ąā§ā§°āĨ¤ āĻāĻāĻ¸āĻāĻ˛ āĻ˛ā§āĻā§ āĻāĻ āĻĒā§āĻ˛āĻžāĻāĻŋāĻ¨āĻ¤ āĻ ā§ąāĻĻāĻžāĻ¨ āĻāĻāĻŦāĻĸāĻŧāĻžāĻāĻā§āĨ¤
āĻ ā§ąāĻĻāĻžāĻ¨āĻāĻžā§°ā§āĻ¸āĻāĻ˛
“Simple Digital Clock đ” 8āĻāĻž āĻāĻžāĻˇāĻžāĻ¤ āĻ āĻ¨ā§āĻŦāĻžāĻĻ āĻā§°āĻž āĻšā§āĻā§āĨ¤ āĻ āĻ¨ā§āĻŦāĻžāĻĻāĻāĻ¸āĻāĻ˛āĻ āĻ¤ā§āĻāĻāĻ˛ā§āĻā§° āĻ ā§ąāĻĻāĻžāĻ¨ā§° āĻŦāĻžāĻŦā§ āĻ§āĻ¨ā§āĻ¯āĻŦāĻžāĻĻāĨ¤
āĻāĻĒā§āĻ¨āĻžā§° āĻāĻžāĻˇāĻžāĻ¤ “Simple Digital Clock đ” āĻ āĻ¨ā§āĻŦāĻžāĻĻ āĻā§°āĻāĨ¤
āĻŦāĻŋāĻāĻžāĻļā§° āĻĒā§ā§°āĻ¤āĻŋ āĻāĻā§ā§°āĻšā§?
āĻâāĻĄ āĻŦā§ā§°āĻžāĻāĻ āĻā§°āĻ, SVN ā§°āĻŋāĻĒāĻāĻŋāĻā§°ā§ āĻāĻžāĻāĻ āĻ¨āĻžāĻāĻŦāĻž RSS-āĻĻā§āĻŦāĻžā§°āĻž āĻŦāĻŋāĻāĻžāĻļā§° āĻĒāĻā§āĻā§ āĻāĻžāĻŦāĻ¸ā§āĻā§ā§°āĻžāĻāĻŦ āĻā§°āĻāĨ¤
āĻ¸āĻ˛āĻ¨āĻŋ-āĻĒāĻā§āĻā§
1.0.3
- Updated: POT file.
1.0.2
- Fix: Minor bugs fixed.
1.0.1
- Fix: JavaScript issue resolved.
1.0.0
- New: Stable release published.
- New: 24-hour time format option.
0.2.1
- Fix: Minor bugs fixed.
0.2.0
- Enhancement: Clock JavaScript updated.
- Fix: Minor bugs fixed.
0.1.1
- Fix: Minor bugs fixed.
0.1.0
- Initial release.
