Simple Digital Clock 🕒

Por falselight
(12 avaliações)
Baixar

Hospedagem WordPress com plugin Simple Digital Clock 🕒

Onde devo hospedar o plugin Simple Digital Clock 🕒?

Este plugin pode ser hospedado em qualquer hospedagem que possua WordPress instalado. Recomendamos optar por uma empresa de hospedagem confiável, com servidores adaptados para WordPress, como o serviço de hospedagem da MCO2.

Hospedando o plugin Simple Digital Clock 🕒 em um provedor seguro

A MCO2, além de configurar e instalar o WordPress na versão mais atualizada para seus clientes, fornece o WP SafePress, um mecanismo singular que salvaguarda e melhora seu site conjuntamente.

Por que a Hospedagem WordPress funciona melhor na MCO2?

A Hospedagem WordPress funciona melhor pois a MCO2 possui servidores otimizados para WordPress. A instalação de WordPress é diferente de uma instalação trivial, pois habilita imediatamente recursos como otimização de imagens, proteção da página de login, bloqueio de atividades maliciosas diretamente no firewall, cache avançado e HTTPS ativado por padrão. São recursos que potencializam seu WordPress para a máxima segurança e o máximo desempenho.

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 (~11.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

  1. Add the Simple Digital Clock block in the editor or as a widget.
  2. 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, Hundredths, Date, 24-Hour (AM/PM), Caption
    • Background/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)

From WordPress.org

  1. Download “Simple Digital Clock”
  2. Upload to /wp-content/plugins/
  3. Activate
  4. Insert the block / add the widget

Source / Development

The production JavaScript bundled with this plugin is built from the public Simple Digital Clock Widget source.

  • Source repository: https://github.com/Timenow-zone/Simple-Digital-Clock-Widget
  • Bundled upstream version: 0.7.0
  • Exact source for this bundled release: https://github.com/Timenow-zone/Simple-Digital-Clock-Widget/tree/v0.7.0

To reproduce the production bundle:

  • npm ci
  • npm run build

🍩 Donations

🕒 Sync Time: UTC
🗓️ Today’s Date: TodaysDateNow

Capturas de tela

screenshot-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-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-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.

screenshot-3.png – Block inserter: searching “Clock” and selecting the Simple Digital Clock block to add it to the page.

screenshot-4.png – Live preset gallery showing Local Time, London, New York, Tokyo, Kyiv, and the Hundredths preset.

screenshot-4.png – Live preset gallery showing Local Time, London, New York, Tokyo, Kyiv, and the Hundredths preset.

screenshot-5.png – Live preview of a customized London clock with caption, seconds, date, color, radius, and shadow.

screenshot-5.png – Live preview of a customized London clock with caption, seconds, date, color, radius, and shadow.