Title: World Clocks Author: Sanket Parmar Published: August 18, 2024 Last modified: February 25, 2026 --- Search plugins ![](https://ps.w.org/world-clocks/assets/banner-772x250.png?rev=3137266) ![](https://ps.w.org/world-clocks/assets/icon.svg?rev=3137248) # World Clocks By [Sanket Parmar](https://profiles.wordpress.org/sanketparmar/) [Download](https://downloads.wordpress.org/plugin/world-clocks.1.0.3.zip) [Live Preview](https://pcd.wordpress.org/plugins/world-clocks/?preview=1) * [Details](https://pcd.wordpress.org/plugins/world-clocks/#description) * [Reviews](https://pcd.wordpress.org/plugins/world-clocks/#reviews) * [Installation](https://pcd.wordpress.org/plugins/world-clocks/#installation) * [Development](https://pcd.wordpress.org/plugins/world-clocks/#developers) [Support](https://wordpress.org/support/plugin/world-clocks/) ## Description Enable world clocks for the sites with different timezones, with a custom block for the WordPress block editor (Gutenberg). ### Overview World clocks are an essential tool for tracking the current time across different time zones around the globe. They are widely used in various contexts, such as international business, travel, and global communication. _Inspiration: [World Clock for WordPress](https://www.commoninja.com/widgets/world-clock/wordpress)_ ### Configuration There are two blocks available with this plugin: 1. **_World Clocks_** – The parent block consists of different clocks. 2. **_Single Clock_** – The single (child) clock block which can be added inside the World Clocks block. ### Block: World Clocks (Parent Block) ### Insert World Clocks Block Try to search for **_World Clocks_** block while adding a new block to the block editor. _You can find various methods to insert a block into the block editor using this documentation: [Adding a new block](https://wordpress.org/documentation/article/adding-a-new-block/)._ ### Select Layout Once a block is inserted, it will ask you to select a layout. There are four layouts: 1. Digital Row – **_Default_** : This will show world clocks as digital clocks in rows. 2. Digital Column : This will show world clocks as digital clocks in columns. 3. Clock : This will show world clocks as analog clocks in columns with timezone showing below the clock. 4. Clock Reverse : This will show world clocks as analog clocks in columns with timezone showing above the clock. You can also skip selecting a layout, and it will be set to default layout: **_Digital Row_** You will be able to change the layout from the block settings even after you have selected one or skipped. ### Block Settings The **_World Clocks_** block has three settings panel: 1. Visibility Settings 2. Layout 3. Marks Format ### Visibility Settings The Visibility Settings panel has different options based on the selected layout. * Clocks per row - When the selected layout is **_Digital Column_**, **_Clock_** or **_Clock Reverse_**, this setting will be shown to manage the number of clocks in a single row. You can show up to 4 in a single row. Default is **_2_**. * Stack on mobile - When the selected layout is **_Digital Column_**, **_Clock_** or **_Clock Reverse_**, this setting will be shown to manage the stacking of the clock cloumns. If enabled, the clock columns will be stacked for below 768px device sizes. Default is **_enabled_**. * Show Clocks AmPm Indicator - When the selected layout is **_Clock_** or **_Clock Reverse_**, this setting will be shown. If enabled, it will show AM/PM indicator inside the clock face. Default is **_enabled_**. * Show Digital Time - When the selected layout is **_Clock_** or **_Clock Reverse_**, this setting will be shown. If enabled, it will show digital clock as well right below/ above the analog clock depending on the layout. Default is **_disabled_**. * Time Format - When the **_Show Digital Time_** setting is enabled or the selected layout is **_Digital Row_** or **_Digital Column_**, this setting will be shown. It allows to show digital time in allowed time formats. Default is **_h:i: s A_**, i.e., 01:01:01 AM. - Reference for the [time format string](https://wordpress.org/documentation/article/customize-date-and-time-format/). - The date format keys (“d”, “j”, “S”, “l”, “D”, “m”, “n”, “F”, “M”, “Y”, “y”,“ c”, “r”, “U”) are not allowed in time format. * Show Date - This setting will be shown with all the layouts. If enabled, it will show the date right below/above the analog/digital clock depending on the layout. Default is **_disabled_**. * Date Format - When the **_Show Date_** setting is enabled, this setting will be shown with all the layouts. It allows to show the date in allowed date formats. Default is **_Y-m-d_**, i.e., 2024-01-01. - Reference for the [date format string](https://wordpress.org/documentation/article/customize-date-and-time-format/). - The time format keys (“a”, “A”, “g”, “h”, “G”, “H”, “i”, “s”, “T”, “c”, “r”,“ U”) are not allowed in date format. ### Layout There are four available layouts to choose from: 1. Digital Row – **_Default_**: This will show world clocks as digital clocks in rows. 2. Digital Column : This will show world clocks as digital clocks in columns. 3. Clock : This will show world clocks as analog clocks in columns with timezone showing below the clock. 4. Clock Reverse : This will show world clocks as analog clocks in columns with timezone showing above the clock. ### Marks Format This setting panel will only appear if the selected layout is **_Clock_** or **_Clock Reverse_**. There are three available options to choose from: 1. Number – **_Default_** : This will show the marks as numbers in analog clock. 2. Combine : This will show the marks as combined in analog clock. The numbers – 3, 6, 9 and 12 – will be shown as numbers, and the rset will be show as a line. 3. Line : This will show the marks as line in analog clock. ### Block: Single Clock (Child Block) You can insert Single Clock block as many as you’d like inside the parent World Clocks block. ### Select Timezone You can select any timezone from the available list by just clicking on the timezone textbox and start typing. You can remove existing selected timezone and search for more. A custom timezone selector with autocomplete is created for this. A custom helper method outputs the available timezones, similarly [wp_timezone_choice()](https://developer.wordpress.org/reference/functions/wp_timezone_choice/). ### Timezone Label You can override the default timezone label with your own. ## Screenshots * [[ * Insert World Clocks Block into the block editor. * [[ * Select Layout for the World Clocks block. * [[ * Block Settings of the World Clocks block. * [[ * Layout – Digital Row for the World Clocks block. * [[ * Layout – Digital Column for the World Clocks block. * [[ * Layout – Clock for the World Clocks block. * [[ * Layout – Clock Reverse for the World Clocks block. * [[ * Marsk Format – Number for the World Clocks block when the Layout is selected as Clock or Clock Reverse. * [[ * Marsk Format – Combine for the World Clocks block when the Layout is selected as Clock or Clock Reverse. * [[ * Marsk Format – Line for the World Clocks block when the Layout is selected as Clock or Clock Reverse. * [[ * Timezone Label to override the default timezone label for the Single Clock block. ## Blocks This plugin provides 2 blocks. * World Clocks Display world clocks * Single clock Display single clock inside World Clocks block ## Installation #### From your WordPress dashboard 1. Visit ‘Plugins > Add New’ 2. Search for ‘World Clocks’ 3. Activate World Clocks plugin from your Plugins page. #### From WordPress.org 1. Download World Clocks plugin zip file. 2. Upload the ‘world-clocks.zip’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…) 3. Activate World Clocks plugin from your Plugins page. ## Reviews ![](https://secure.gravatar.com/avatar/55d190fe9f2f42748c464ca1e935c41c1d6ab8ba484722f2dc3dc8035e767e27? s=60&d=retro&r=g) ### 󠀁[Sehr gute Uhr zum Vergleichen der Zeit](https://wordpress.org/support/topic/sehr-gute-uhr-zum-vergleichen-der-zeit/)󠁿 [Markus Winter](https://profiles.wordpress.org/mawiti/) September 30, 2024 Um die unterschiedlichen Zeiten darzustellen ist dieses Plugin super gut. Hatte wohl ein bischen Probleme mit der Erstkonfiguration, aber die Idee hinter dem Plugin ist perfekt umgesetzt. Auch die verschiedenen Darstellungen sind super.Gratuliere. Hinweis für künftige Nutzer:Die gewünschten Uhren mittels Zeit über UTC plus Zeitdifferenz konfigurieren.Danach das Label wie gewünscht anpassen.Die Konfiguration über Zeitzonen habe ich nicht geschafft, ich vermute hier einen Programmfehler den man aber über UTC und Label auf einfachste Weise übergehen kann. [ Read all 1 review ](https://wordpress.org/support/plugin/world-clocks/reviews/) ## Contributors & Developers “World Clocks” is open source software. The following people have contributed to this plugin. Contributors * [ Sanket Parmar ](https://profiles.wordpress.org/sanketparmar/) [Translate “World Clocks” into your language.](https://translate.wordpress.org/projects/wp-plugins/world-clocks) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/world-clocks/), check out the [SVN repository](https://plugins.svn.wordpress.org/world-clocks/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/world-clocks/) by [RSS](https://plugins.trac.wordpress.org/log/world-clocks/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.3 – 2026-02-25 * **Changed:** Bump WordPress “tested up to” version to 6.9.1. * **Fixed:** Block now works correctly in site editor templates (header, footer, and other template parts). #### 1.0.2 – 2025-07-22 * **Changed:** Bump WordPress “tested up to” version to 6.8.2 * **Fixed:** Fixed editor style for latest WordPress. #### 1.0.1 – 2024-11-24 * **Changed:** Bump WordPress “tested up to” version to 6.7.1 * **Fixed:** Fixed time format issue with Analog clocks. #### 1.0.0 – 2024-08-18 * Initial plugin release ## Meta * Version **1.0.3** * Last updated **1 month ago** * Active installations **100+** * WordPress version ** 6.4 or higher ** * Tested up to **6.9.4** * PHP version ** 8.0 or higher ** * Language * [English (US)](https://wordpress.org/plugins/world-clocks/) * Tags * [clock](https://pcd.wordpress.org/plugins/tags/clock/)[time](https://pcd.wordpress.org/plugins/tags/time/) [timezone](https://pcd.wordpress.org/plugins/tags/timezone/)[watch](https://pcd.wordpress.org/plugins/tags/watch/) * [Advanced View](https://pcd.wordpress.org/plugins/world-clocks/advanced/) ## Ratings 4 out of 5 stars. * [ 0 5-star reviews ](https://wordpress.org/support/plugin/world-clocks/reviews/?filter=5) * [ 1 4-star review ](https://wordpress.org/support/plugin/world-clocks/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/world-clocks/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/world-clocks/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/world-clocks/reviews/?filter=1) [Add my review](https://wordpress.org/support/plugin/world-clocks/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/world-clocks/reviews/) ## Contributors * [ Sanket Parmar ](https://profiles.wordpress.org/sanketparmar/) ## Support Issues resolved in last two months: 0 out of 2 [View support forum](https://wordpress.org/support/plugin/world-clocks/)