{"id":185821,"date":"2024-03-22T00:01:08","date_gmt":"2024-03-22T00:01:08","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/simple-digital-clock\/"},"modified":"2026-08-21T21:41:50","modified_gmt":"2026-08-21T21:41:50","slug":"simple-digital-clock","status":"publish","type":"plugin","link":"https:\/\/kk.wordpress.org\/plugins\/simple-digital-clock\/","author":15867558,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.1.1","stable_tag":"1.1.1","tested":"7.1","requires":"6.3","requires_php":"7.0","requires_plugins":null,"header_name":"Simple Digital Clock \ud83d\udd52","header_author":"UTCTime.info","header_description":"The Simple Digital Clock \u2014 is a magic \ud83e\ude84 and easy-to-use with beautiful UI digital clock with support multi-language, locale, date, caption and time zone.","assets_banners_color":"704d6c","last_updated":"2026-08-21 21:41:50","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/utctime.info\/","header_plugin_uri":"https:\/\/utctime.info\/","header_author_uri":"https:\/\/utctime.info\/","rating":4.4,"author_block_rating":0,"active_installs":500,"downloads":8502,"num_ratings":11,"support_threads":1,"support_threads_resolved":0,"author_block_count":0,"sections":["faq","changelog","description"],"tags":{"0.1.0":{"tag":"0.1.0","author":"falselight","date":"2024-03-22 14:55:14"},"0.1.1":{"tag":"0.1.1","author":"falselight","date":"2024-03-22 14:55:14"},"0.2.0":{"tag":"0.2.0","author":"falselight","date":"2025-04-15 13:31:32"},"0.2.1":{"tag":"0.2.1","author":"falselight","date":"2025-05-11 20:55:57"},"1.0.0":{"tag":"1.0.0","author":"falselight","date":"2025-09-14 14:22:33"},"1.0.1":{"tag":"1.0.1","author":"falselight","date":"2025-09-14 14:37:25"},"1.0.3":{"tag":"1.0.3","author":"falselight","date":"2025-12-01 07:38:55"},"1.0.4":{"tag":"1.0.4","author":"falselight","date":"2026-04-08 20:59:06"},"1.0.5":{"tag":"1.0.5","author":"falselight","date":"2026-08-20 14:37:31"},"1.1.0":{"tag":"1.1.0","author":"falselight","date":"2026-08-21 20:17:47"},"1.1.1":{"tag":"1.1.1","author":"falselight","date":"2026-08-21 21:41:50"}},"upgrade_notice":[],"ratings":{"1":1,"2":0,"3":1,"4":1,"5":8},"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3659668,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3659668,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3659668,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3659668,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3659668,"resolution":false,"location":"assets","locale":"","contents":"{\"$schema\":\"https:\\\/\\\/playground.wordpress.net\\\/blueprint-schema.json\",\"landingPage\":\"\\\/\",\"preferredVersions\":{\"php\":\"8.3\",\"wp\":\"latest\"},\"features\":{\"networking\":true},\"steps\":[{\"step\":\"installPlugin\",\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"simple-digital-clock\"},\"options\":{\"activate\":true}},{\"step\":\"login\",\"username\":\"admin\",\"password\":\"password\"},{\"step\":\"runPHP\",\"code\":\"<?php\\nrequire_once '\\\/wordpress\\\/wp-load.php';\\n\\nwp_set_current_user( 1 );\\n\\n$page_id = 424242;\\n\\nif ( get_post( $page_id ) ) {\\n    wp_delete_post( $page_id, true );\\n}\\n\\nfunction sdc_clock_block( array $a ) {\\n    $attrs = array(\\n        'width'           => $a['width'],\\n        'locale'          => $a['locale'],\\n        'timeZone'        => $a['timeZone'],\\n        'fontFamily'      => $a['fontFamily'],\\n        'backgroundColor' => $a['backgroundColor'],\\n        'background'      => $a['background'],\\n        'rounded'         => $a['rounded'],\\n        'align'           => $a['align'],\\n        'second'          => true,\\n        'date'            => $a['date'],\\n        'caption'         => $a['caption'],\\n    );\\n\\n    if ( ! empty( $a['shadow'] ) ) {\\n        $attrs['shadow'] = $a['shadow'];\\n    }\\n\\n    if ( ! empty( $a['border'] ) ) {\\n        $attrs['border'] = true;\\n    }\\n\\n    if ( ! empty( $a['period'] ) ) {\\n        $attrs['period'] = true;\\n    }\\n\\n    if ( ! empty( $a['hundredths'] ) ) {\\n        $attrs['hundredths'] = true;\\n    }\\n\\n    $json = wp_json_encode(\\n        $attrs,\\n        JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE\\n    );\\n\\n    $html = array(\\n        'class'            => 'wp-block-simple-digital-clock-block-widget-block',\\n        'width'            => (string) $a['width'],\\n        'locale'           => $a['locale'],\\n        'rounded'          => (string) $a['rounded'],\\n        'align'            => $a['align'],\\n        'second'           => 'true',\\n        'caption'          => $a['caption'],\\n        'background'       => $a['background'],\\n        'time-zone'        => $a['timeZone'],\\n        'font-family'      => $a['fontFamily'],\\n        'background-color' => $a['backgroundColor'],\\n    );\\n\\n    if ( $a['date'] ) {\\n        $html['date'] = 'true';\\n    }\\n\\n    if ( ! empty( $a['shadow'] ) ) {\\n        $html['shadow'] = $a['shadow'];\\n    }\\n\\n    if ( ! empty( $a['border'] ) ) {\\n        $html['border'] = 'true';\\n    }\\n\\n    if ( ! empty( $a['period'] ) ) {\\n        $html['period'] = 'true';\\n    }\\n\\n    if ( ! empty( $a['hundredths'] ) ) {\\n        $html['hundredths'] = 'true';\\n    }\\n\\n    $html_attrs = '';\\n\\n    foreach ( $html as $name => $value ) {\\n        $html_attrs .= ' ' . $name . '=\\\"' . esc_attr( $value ) . '\\\"';\\n    }\\n\\n    return sprintf(\\n        \\\"<!-- wp:simple-digital-clock-block\\\/widget-block %s -->\\\\n<timenow-zone-sdcw%s><\\\/timenow-zone-sdcw>\\\\n<!-- \\\/wp:simple-digital-clock-block\\\/widget-block -->\\\",\\n        $json,\\n        $html_attrs\\n    );\\n}\\n\\nfunction sdc_clock_stage( array $clock ) {\\n    return \\\"<!-- wp:group {\\\\\\\"layout\\\\\\\":{\\\\\\\"type\\\\\\\":\\\\\\\"flex\\\\\\\",\\\\\\\"flexWrap\\\\\\\":\\\\\\\"nowrap\\\\\\\",\\\\\\\"justifyContent\\\\\\\":\\\\\\\"center\\\\\\\"}} -->\\\\n\\\"\\n        . \\\"<div class=\\\\\\\"wp-block-group\\\\\\\">\\\\n\\\"\\n        . sdc_clock_block( $clock )\\n        . \\\"\\\\n<\\\/div>\\\\n<!-- \\\/wp:group -->\\\";\\n}\\n\\nfunction sdc_card( array $card ) {\\n    $title = esc_html( $card['title'] );\\n    $copy  = esc_html( $card['copy'] );\\n    $badge = esc_html( $card['badge'] );\\n\\n    return \\\"<!-- wp:column -->\\\\n\\\"\\n        . \\\"<div class=\\\\\\\"wp-block-column\\\\\\\">\\\\n\\\"\\n        . \\\"<!-- wp:html -->\\\\n\\\"\\n        . \\\"<div class=\\\\\\\"sdc-card-head\\\\\\\"><span class=\\\\\\\"sdc-badge\\\\\\\">{$badge}<\\\/span><h3>{$title}<\\\/h3><p>{$copy}<\\\/p><\\\/div>\\\\n\\\"\\n        . \\\"<!-- \\\/wp:html -->\\\\n\\\"\\n        . sdc_clock_stage( $card['clock'] )\\n        . \\\"\\\\n<\\\/div>\\\\n<!-- \\\/wp:column -->\\\";\\n}\\n\\nfunction sdc_row( array $cards ) {\\n    $inner = '';\\n\\n    foreach ( $cards as $card ) {\\n        $inner .= sdc_card( $card ) . \\\"\\\\n\\\";\\n    }\\n\\n    return \\\"<!-- wp:columns {\\\\\\\"align\\\\\\\":\\\\\\\"wide\\\\\\\",\\\\\\\"className\\\\\\\":\\\\\\\"sdc-demo-row\\\\\\\"} -->\\\\n\\\"\\n        . \\\"<div class=\\\\\\\"wp-block-columns alignwide sdc-demo-row\\\\\\\">\\\\n\\\"\\n        . $inner\\n        . \\\"<\\\/div>\\\\n<!-- \\\/wp:columns -->\\\";\\n}\\n\\n$base = array(\\n    'locale'     => 'en-gb',\\n    'fontFamily' => 'Roboto Mono',\\n    'second'     => true,\\n);\\n\\n$cards = array(\\n    array(\\n        'badge' => 'CLASSIC',\\n        'title' => 'London',\\n        'copy'  => 'A polished world clock with seconds and the local date.',\\n        'clock' => array_merge( $base, array(\\n            'width' => 300, 'timeZone' => 'Europe\\\/London',\\n            'backgroundColor' => '#6a11cb',\\n            'background' => 'linear-gradient(135deg, rgb(106, 17, 203) 0%, rgb(37, 117, 252) 100%)',\\n            'rounded' => 0.75, 'align' => 'left', 'date' => true,\\n            'shadow' => 'shadow-md', 'border' => false, 'period' => false, 'hundredths' => false,\\n            'caption' => 'London \\ud83d\\udc82\\ud83c\\udffc\\u200d\\u2640\\ufe0f',\\n        ) ),\\n    ),\\n    array(\\n        'badge' => '12-HOUR',\\n        'title' => 'New York',\\n        'copy'  => 'Switch to a familiar AM\\\/PM display for US audiences.',\\n        'clock' => array_merge( $base, array(\\n            'width' => 300, 'locale' => 'en-US', 'timeZone' => 'America\\\/New_York',\\n            'backgroundColor' => '#f43f5e',\\n            'background' => 'linear-gradient(135deg, rgb(244, 63, 94) 0%, rgb(249, 115, 22) 100%)',\\n            'rounded' => 1.0, 'align' => 'left', 'date' => true,\\n            'shadow' => 'shadow-lg', 'border' => false, 'period' => false, 'hundredths' => false,\\n            'caption' => 'New York \\ud83d\\uddfd',\\n        ) ),\\n    ),\\n    array(\\n        'badge' => 'MINIMAL',\\n        'title' => 'Tokyo',\\n        'copy'  => 'A compact, date-free clock for clean dashboards and headers.',\\n        'clock' => array_merge( $base, array(\\n            'width' => 280, 'timeZone' => 'Asia\\\/Tokyo',\\n            'backgroundColor' => '#db2777',\\n            'background' => 'linear-gradient(135deg, rgb(219, 39, 119) 0%, rgb(239, 68, 68) 100%)',\\n            'rounded' => 1.25, 'align' => 'center', 'date' => false,\\n            'shadow' => 'shadow-sm', 'border' => false, 'period' => false, 'hundredths' => false,\\n            'caption' => 'Tokyo \\ud83d\\uddfc',\\n        ) ),\\n    ),\\n    array(\\n        'badge' => 'BORDER',\\n        'title' => 'Kyiv',\\n        'copy'  => 'Border, date and strong contrast for editorial layouts.',\\n        'clock' => array_merge( $base, array(\\n            'width' => 300, 'timeZone' => 'Europe\\\/Kyiv',\\n            'backgroundColor' => '#2563eb',\\n            'background' => 'linear-gradient(135deg, rgb(37, 99, 235) 0%, rgb(250, 204, 21) 100%)',\\n            'rounded' => 0.5, 'align' => 'left', 'date' => true,\\n            'shadow' => 'shadow-md', 'border' => true, 'period' => false, 'hundredths' => false,\\n            'caption' => 'Kyiv \\ud83c\\uddfa\\ud83c\\udde6',\\n        ) ),\\n    ),\\n    array(\\n        'badge' => 'UTC',\\n        'title' => 'Universal Time',\\n        'copy'  => 'A neutral UTC clock for technical teams, status pages and ops.',\\n        'clock' => array_merge( $base, array(\\n            'width' => 270, 'timeZone' => 'UTC',\\n            'backgroundColor' => '#111827',\\n            'background' => 'linear-gradient(135deg, rgb(17, 24, 39) 0%, rgb(55, 65, 81) 100%)',\\n            'rounded' => 0.5, 'align' => 'right', 'date' => false,\\n            'shadow' => '', 'border' => true, 'period' => false, 'hundredths' => false,\\n            'caption' => 'UTC \\ud83c\\udf10',\\n        ) ),\\n    ),\\n    array(\\n        'badge' => 'NEW \\u00b7 1.1',\\n        'title' => 'Hundredths',\\n        'copy'  => 'Two fractional digits for timing-focused pages and live displays.',\\n        'clock' => array_merge( $base, array(\\n            'width' => 320, 'timeZone' => 'Europe\\\/London',\\n            'backgroundColor' => '#0891b2',\\n            'background' => 'linear-gradient(135deg, rgb(8, 145, 178) 0%, rgb(124, 58, 237) 100%)',\\n            'rounded' => 1.0, 'align' => 'center', 'date' => false,\\n            'shadow' => 'shadow-xl', 'border' => false, 'period' => false, 'hundredths' => true,\\n            'caption' => 'Hundredths \\u26a1',\\n        ) ),\\n    ),\\n    array(\\n        'badge' => 'COMPACT',\\n        'title' => 'Small Spaces',\\n        'copy'  => 'A smaller footprint for sidebars, cards and narrow content areas.',\\n        'clock' => array_merge( $base, array(\\n            'width' => 220, 'timeZone' => 'Europe\\\/Paris',\\n            'backgroundColor' => '#059669',\\n            'background' => 'linear-gradient(135deg, rgb(5, 150, 105) 0%, rgb(13, 148, 136) 100%)',\\n            'rounded' => 2.0, 'align' => 'center', 'date' => false,\\n            'shadow' => 'shadow-md', 'border' => false, 'period' => false, 'hundredths' => false,\\n            'caption' => 'Paris \\ud83c\\uddeb\\ud83c\\uddf7',\\n        ) ),\\n    ),\\n    array(\\n        'badge' => 'LARGE',\\n        'title' => 'Focus Mode',\\n        'copy'  => 'A larger clock for landing pages, kiosks and high-visibility content.',\\n        'clock' => array_merge( $base, array(\\n            'width' => 340, 'locale' => 'en-US', 'timeZone' => 'America\\\/Los_Angeles',\\n            'backgroundColor' => '#4f46e5',\\n            'background' => 'linear-gradient(135deg, rgb(79, 70, 229) 0%, rgb(14, 165, 233) 100%)',\\n            'rounded' => 1.25, 'align' => 'center', 'date' => true,\\n            'shadow' => 'shadow-2xl', 'border' => false, 'period' => false, 'hundredths' => false,\\n            'caption' => 'Los Angeles \\ud83c\\udf34',\\n        ) ),\\n    ),\\n    array(\\n        'badge' => 'WORLD',\\n        'title' => 'Sydney',\\n        'copy'  => 'Independent instances make multi-city and global pages effortless.',\\n        'clock' => array_merge( $base, array(\\n            'width' => 300, 'timeZone' => 'Australia\\\/Sydney',\\n            'backgroundColor' => '#ea580c',\\n            'background' => 'linear-gradient(135deg, rgb(234, 88, 12) 0%, rgb(245, 158, 11) 100%)',\\n            'rounded' => 0.75, 'align' => 'left', 'date' => true,\\n            'shadow' => 'shadow-lg', 'border' => false, 'period' => false, 'hundredths' => false,\\n            'caption' => 'Sydney \\ud83e\\udd98',\\n        ) ),\\n    ),\\n);\\n\\n$style = <<<'HTML'\\n<!-- wp:html -->\\n<style>\\n.sdc-demo-shell{max-width:1180px;margin:0 auto;padding:56px 22px 80px}\\n.sdc-demo-hero{text-align:center;max-width:820px;margin:0 auto 42px}\\n.sdc-demo-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font:700 12px\\\/1.2 system-ui;letter-spacing:.08em;text-transform:uppercase}\\n.sdc-demo-hero h1{font:800 clamp(36px,6vw,68px)\\\/1.02 system-ui;margin:18px 0 18px;letter-spacing:-.045em}\\n.sdc-demo-hero p{font:400 19px\\\/1.6 system-ui;color:#475569;margin:0 auto 22px}\\n.sdc-demo-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}\\n.sdc-demo-actions a{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;text-decoration:none;font:700 14px\\\/1 system-ui}\\n.sdc-demo-primary{background:#111827;color:#fff}\\n.sdc-demo-secondary{border:1px solid #cbd5e1;color:#0f172a;background:#fff}\\n.sdc-demo-row{max-width:1280px!important;margin:0 auto 24px!important;gap:24px}\\n.sdc-demo-row>.wp-block-column{min-width:0;border:1px solid #e2e8f0;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.06);overflow:hidden}\\n.sdc-card-head{font-family:system-ui;margin-bottom:18px}\\n.sdc-card-head h3{font-size:22px;line-height:1.2;margin:10px 0 7px;color:#0f172a}\\n.sdc-card-head p{font-size:14px;line-height:1.55;margin:0;color:#64748b;min-height:44px}\\n.sdc-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:800;letter-spacing:.09em}\\n.sdc-demo-row timenow-zone-sdcw{max-width:100%}\\n.sdc-demo-proof{max-width:900px;margin:42px auto 0;padding:24px;border-radius:18px;background:#0f172a;color:#e2e8f0;text-align:center;font:500 15px\\\/1.6 system-ui}\\n.sdc-demo-proof strong{color:#fff}\\n@media (max-width:781px){\\n  .sdc-demo-shell{padding-top:36px}\\n  .sdc-demo-row{gap:16px}\\n  .sdc-demo-row>.wp-block-column{padding:20px}\\n  .sdc-card-head p{min-height:auto}\\n}\\n<\\\/style>\\n<div class=\\\"sdc-demo-shell\\\">\\n  <div class=\\\"sdc-demo-hero\\\">\\n    <span class=\\\"sdc-demo-kicker\\\">\\u26a1 Live WordPress Demo<\\\/span>\\n    <h1>One clock. Nine ways to make it yours.<\\\/h1>\\n    <p>Simple Digital Clock turns time zones, dates, seconds, AM\\\/PM and hundredths into a polished Gutenberg block that fits real websites\\u2014not just demos.<\\\/p>\\n    <div class=\\\"sdc-demo-actions\\\">\\n      <a class=\\\"sdc-demo-primary\\\" href=\\\"\\\/wp-admin\\\/post.php?post=424242&action=edit\\\">Customize in Gutenberg \\u2192<\\\/a>\\n      <a class=\\\"sdc-demo-secondary\\\" href=\\\"https:\\\/\\\/wordpress.org\\\/plugins\\\/simple-digital-clock\\\/\\\" target=\\\"_blank\\\" rel=\\\"noopener noreferrer\\\">View on WordPress.org<\\\/a>\\n    <\\\/div>\\n  <\\\/div>\\n<\\\/div>\\n<!-- \\\/wp:html -->\\nHTML;\\n\\n$content  = $style;\\n$content .= sdc_row( array_slice( $cards, 0, 3 ) );\\n$content .= sdc_row( array_slice( $cards, 3, 3 ) );\\n$content .= sdc_row( array_slice( $cards, 6, 3 ) );\\n$content .= <<<'HTML'\\n<!-- wp:html -->\\n<div class=\\\"sdc-demo-proof\\\">\\n<strong>Everything above is live.<\\\/strong> Each clock is an independent instance with its own time zone and display settings. Open the page in Gutenberg and make it yours.\\n<\\\/div>\\n<!-- \\\/wp:html -->\\nHTML;\\n\\n$post_data = array(\\n    'import_id'    => $page_id,\\n    'post_title'   => 'Simple Digital Clock \\u2014 Live Demo',\\n    'post_name'    => 'simple-digital-clock-demo',\\n    'post_content' => $content,\\n    'post_status'  => 'publish',\\n    'post_type'    => 'page',\\n    'post_author'  => 1,\\n);\\n\\nkses_remove_filters();\\n\\n$result = wp_insert_post(\\n    wp_slash( $post_data ),\\n    true\\n);\\n\\nkses_init();\\n\\nif ( is_wp_error( $result ) ) {\\n    throw new RuntimeException( $result->get_error_message() );\\n}\\n\\nif ( (int) $result !== $page_id ) {\\n    throw new RuntimeException( 'Unexpected demo page ID: ' . $result );\\n}\\n\\nupdate_option( 'show_on_front', 'page' );\\nupdate_option( 'page_on_front', $page_id );\\nupdate_option( 'blogname', 'Simple Digital Clock Demo' );\\n\\nwp_delete_post( 1, true );\\nwp_delete_post( 2, true );\\n?>\"}]}"}},"all_blocks":{"simple-digital-clock-block\/widget-block":{"name":"simple-digital-clock-block\/widget-block","title":"Simple Digital Clock Block Widget Block"}},"tagged_versions":["0.1.0","0.1.1","0.2.0","0.2.1","1.0.0","1.0.1","1.0.3","1.0.4","1.0.5","1.1.0","1.1.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3056848,"resolution":"1","location":"assets","locale":"","width":2080,"height":1312},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3056848,"resolution":"2","location":"assets","locale":"","width":2344,"height":2032},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3056848,"resolution":"3","location":"assets","locale":"","width":1758,"height":1570},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3659581,"resolution":"4","location":"assets","locale":"","width":2360,"height":1770},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3659581,"resolution":"5","location":"assets","locale":"","width":1060,"height":808}},"screenshots":{"1":"screenshot-1.png \u2013 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).","2":"screenshot-2.png \u2013 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.","3":"screenshot-3.png \u2013 Block inserter: searching \u201cClock\u201d and selecting the Simple Digital Clock block to add it to the page.","4":"screenshot-4.png \u2013 Live preset gallery showing Local Time, London, New York, Tokyo, Kyiv, and the Hundredths preset.","5":"screenshot-5.png \u2013 Live preview of a customized London clock with caption, seconds, date, color, radius, and shadow."}},"plugin_section":[],"plugin_tags":[7162,41042,18108,225822,9700],"plugin_category":[40],"plugin_contributors":[153034],"plugin_business_model":[],"class_list":["post-185821","plugin","type-plugin","status-publish","hentry","plugin_tags-clock","plugin_tags-current-time","plugin_tags-digital-clock","plugin_tags-local-times","plugin_tags-world-clock","plugin_category-calendar-and-events","plugin_contributors-falselight","plugin_committers-falselight","plugin_support_reps-dejurin"],"banners":{"banner":"https:\/\/ps.w.org\/simple-digital-clock\/assets\/banner-772x250.png?rev=3659668","banner_2x":"https:\/\/ps.w.org\/simple-digital-clock\/assets\/banner-1544x500.png?rev=3659668","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/simple-digital-clock\/assets\/icon-128x128.gif?rev=3659668","icon_2x":"https:\/\/ps.w.org\/simple-digital-clock\/assets\/icon-256x256.gif?rev=3659668","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/simple-digital-clock\/assets\/screenshot-1.png?rev=3056848","caption":"screenshot-1.png \u2013 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)."},{"src":"https:\/\/ps.w.org\/simple-digital-clock\/assets\/screenshot-2.png?rev=3056848","caption":"screenshot-2.png \u2013 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."},{"src":"https:\/\/ps.w.org\/simple-digital-clock\/assets\/screenshot-3.png?rev=3056848","caption":"screenshot-3.png \u2013 Block inserter: searching \u201cClock\u201d and selecting the Simple Digital Clock block to add it to the page."},{"src":"https:\/\/ps.w.org\/simple-digital-clock\/assets\/screenshot-4.png?rev=3659581","caption":"screenshot-4.png \u2013 Live preset gallery showing Local Time, London, New York, Tokyo, Kyiv, and the Hundredths preset."},{"src":"https:\/\/ps.w.org\/simple-digital-clock\/assets\/screenshot-5.png?rev=3659581","caption":"screenshot-5.png \u2013 Live preview of a customized London clock with caption, seconds, date, color, radius, and shadow."}],"raw_content":"<!--section=faq-->\n<dl>\n<dt id=\"can%20i%20set%20a%20custom%20locale%20%28e.g.%2C%20%60uk%60%20or%20%60en-gb%60%29%3F\"><h3>Can I set a custom locale (e.g., `uk` or `en-GB`)?<\/h3><\/dt>\n<dd><p>Yes. Use the <strong>Locale<\/strong> field and enter any valid BCP-47 tag.<\/p><\/dd>\n<dt id=\"how%20do%20i%20pick%20the%20time%20zone%3F\"><h3>How do I pick the time zone?<\/h3><\/dt>\n<dd><p>Use the <strong>Time Zone<\/strong> field and select any valid IANA ID (e.g., <code>Europe\/Kyiv<\/code>, <code>UTC<\/code>).<\/p><\/dd>\n<dt id=\"can%20i%20show%20hundredths%20of%20a%20second%3F\"><h3>Can I show hundredths of a second?<\/h3><\/dt>\n<dd><p>Yes. Enable <strong>\u201cHundredths of a second\u201d<\/strong> in the block settings. It shows two fractional digits and automatically includes seconds while enabled.<\/p><\/dd>\n<dt id=\"can%20i%20use%20my%20own%20fonts%3F\"><h3>Can I use my own fonts?<\/h3><\/dt>\n<dd><p>You can choose from built-in mono fonts (Google Fonts) or keep the system font.<\/p><\/dd>\n<dt id=\"24-hour%20format\"><h3>24-hour format<\/h3><\/dt>\n<dd><p>Yes. You can enable 24-hour time for any locale. Toggle <strong>24-Hour<\/strong> in the block settings. For 12-hour time with AM\/PM, turn it off.<\/p><\/dd>\n<dt id=\"can%20i%20show%20different%20locales%20and%20time%20zones%20on%20the%20same%20page%3F\"><h3>Can I show different locales and time zones on the same page?<\/h3><\/dt>\n<dd><p>Yes. Each block is independent\u2014set its own locale and time zone.<\/p><\/dd>\n<dt id=\"is%20it%20fast%3F\"><h3>Is it fast?<\/h3><\/dt>\n<dd><p>Yes. The bundled clock widget is about 11.2 KiB gzip and is served locally without a runtime JavaScript CDN dependency.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Fixed the clock block layout so it stays correctly positioned within WordPress content containers and block themes.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Added optional hundredths-of-a-second display.<\/li>\n<li>Updated bundled Simple Digital Clock Widget to 0.7.0.<\/li>\n<li>Updated live demo and source-code documentation.<\/li>\n<\/ul>\n\n<h4>1.0.5<\/h4>\n\n<ul>\n<li>Migrated the clock block to Block API version 3 for compatibility with the iframe block editor: the clock preview now renders inside the WordPress 7.1 editor canvas.<\/li>\n<li>Verified compatibility with WordPress 7.1.<\/li>\n<\/ul>\n\n<h4>1.0.4<\/h4>\n\n<ul>\n<li>Verified compatibility with WordPress 7.0.<\/li>\n<li>Added isolated upgrade-path testing from the public 1.0.3 release.<\/li>\n<li>Added WordPress 7 smoke coverage across PHP 8.2, 8.3, 8.4, and 8.5.<\/li>\n<\/ul>\n\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>Updated: POT file.<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Fix: Minor bugs fixed.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Fix: JavaScript issue resolved.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>New: Stable release published.<\/li>\n<li>New: 24-hour time format option.<\/li>\n<\/ul>\n\n<h4>0.2.1<\/h4>\n\n<ul>\n<li>Fix: Minor bugs fixed.<\/li>\n<\/ul>\n\n<h4>0.2.0<\/h4>\n\n<ul>\n<li>Enhancement: Clock JavaScript updated.<\/li>\n<li>Fix: Minor bugs fixed.<\/li>\n<\/ul>\n\n<h4>0.1.1<\/h4>\n\n<ul>\n<li>Fix: Minor bugs fixed.<\/li>\n<\/ul>\n\n<h4>0.1.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>\n\n<!--section=description-->\n<p>It is \ud83e\ude84 a magical and easy-to-use digital clock with a beautiful UI, supporting multiple languages, locales, dates, captions, and time zones.<\/p>\n\n<h3>\ud83d\udccc Description<\/h3>\n\n<p>The Digital Clock Widget \u2013 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!<\/p>\n\n<p><a href=\"https:\/\/simple-digital-clock-widget.yuri.ws\/\">Live demo<\/a>\ud83d\udc40 | <a href=\"https:\/\/codepen.io\/dejurin\/pen\/01a025ef-f466-7534-acd0-77bc3a368a47\">CodePen playground<\/a>\ud83d\udc40<\/p>\n\n<h4>\u2b50\ufe0f FEATURES \u2b50\ufe0f<\/h4>\n\n<ul>\n<li>\ud83d\ude80 Lightweight (~11.2 KiB gzip)<\/li>\n<li>\ud83d\udde3 Locale support (BCP-47, e.g., <code>en-US<\/code>, <code>uk<\/code>, <code>de-DE<\/code>)<\/li>\n<li>\ud83c\udf10 IANA time zones (e.g., <code>Europe\/Kyiv<\/code>, <code>UTC<\/code>)<\/li>\n<li>\ud83d\udcdd Custom caption<\/li>\n<li>\ud83c\udfa8 Styling: color\/gradient, radius, shadows<\/li>\n<li>\ud83d\udd22 24-hour or AM\/PM, \u23f1 seconds, \u23f1\ufe0f optional hundredths of a second, \ud83d\udcc5 date<\/li>\n<li>\ud83d\udd12 SSL-friendly, \ud83d\udcf1 responsive, \ud83d\udd0d SEO-friendly<\/li>\n<li>\ud83d\udcaf Free, no ads<\/li>\n<\/ul>\n\n<h4>How it works<\/h4>\n\n<ol>\n<li>Add the <strong>Simple Digital Clock<\/strong> block in the editor or as a widget.<\/li>\n<li>Configure in the right sidebar:\n\n<ul>\n<li><strong>Locale<\/strong> (e.g., <code>en-US<\/code>, <code>uk<\/code>, <code>fr-FR<\/code>)<\/li>\n<li><strong>Time Zone<\/strong> (IANA ID, e.g., <code>Europe\/Kyiv<\/code>, <code>America\/New_York<\/code>, <code>UTC<\/code>)<\/li>\n<li><strong>Seconds<\/strong>, <strong>Hundredths<\/strong>, <strong>Date<\/strong>, <strong>24-Hour (AM\/PM)<\/strong>, <strong>Caption<\/strong><\/li>\n<li>Background\/gradient, border radius, shadow, and font<\/li>\n<\/ul><\/li>\n<\/ol>\n\n<p><strong>Hundredths<\/strong> 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.<\/p>\n\n<h3>\ud83d\udccc Installation<\/h3>\n\n<p>= From your WordPress dashboard =\n1. Go to <strong>Plugins \u2192 Add New<\/strong>\n2. Search for <strong>\u201cSimple Digital Clock\u201d<\/strong>\n3. Install &amp; Activate\n4. Insert the block in the editor or add it as a widget (<strong>\/wp-admin\/widgets.php<\/strong>)<\/p>\n\n<h4>From WordPress.org<\/h4>\n\n<ol>\n<li>Download <strong>\u201cSimple Digital Clock\u201d<\/strong><\/li>\n<li>Upload to <strong>\/wp-content\/plugins\/<\/strong><\/li>\n<li>Activate<\/li>\n<li>Insert the block \/ add the widget<\/li>\n<\/ol>\n\n<h3>Source \/ Development<\/h3>\n\n<p>The production JavaScript bundled with this plugin is built from the public Simple Digital Clock Widget source.<\/p>\n\n<ul>\n<li>Source repository: https:\/\/github.com\/Timenow-zone\/Simple-Digital-Clock-Widget<\/li>\n<li>Bundled upstream version: 0.7.0<\/li>\n<li>Exact source for this bundled release: https:\/\/github.com\/Timenow-zone\/Simple-Digital-Clock-Widget\/tree\/v0.7.0<\/li>\n<\/ul>\n\n<p>To reproduce the production bundle:<\/p>\n\n<ul>\n<li><code>npm ci<\/code><\/li>\n<li><code>npm run build<\/code><\/li>\n<\/ul>\n\n<h3>\ud83c\udf69 Donations<\/h3>\n\n<p>\ud83d\udd52 Sync Time: <a href=\"https:\/\/utctime.info\/\">UTC<\/a>\n\ud83d\uddd3\ufe0f Today's Date: <a href=\"https:\/\/todaysdatenow.com\/\">TodaysDateNow<\/a><\/p>","raw_excerpt":"It is \ud83e\ude84 a magical and easy-to-use digital clock with a beautiful UI, supporting multiple languages, locales, dates, captions, and time zones.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/185821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/kk.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/kk.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=185821"}],"author":[{"embeddable":true,"href":"https:\/\/kk.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/falselight"}],"wp:attachment":[{"href":"https:\/\/kk.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=185821"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/kk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=185821"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/kk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=185821"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/kk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=185821"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/kk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=185821"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/kk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=185821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}