World Clocks
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 intern
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
Configuration
There are two blocks available with this plugin:
- 01World Clocks – The parent block consists of different clocks.
- 02Single 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 .
Select Layout
Once a block is inserted, it will ask you to select a layout.
There are four layouts:
- 03Digital Row – Default : This will show world clocks as digital clocks in rows.
- 04Digital Column : This will show world clocks as digital clocks in columns.
- 05Clock : This will show world clocks as analog clocks in columns with timezone showing below the clock.
- 06Clock 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:
- 07Visibility Settings
- 08Layout
- 09Marks Format
Visibility Settings
The Visibility Settings panel has different options based on the selected layout.