[WordPress] 外掛分享: World Clocks

WordPress 外掛 World Clocks 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「World Clocks」是 2024-08-17 上架。
  • 目前有 30 個安裝啟用數。
  • 上一次更新是 2024-11-24,距離現在已有 161 天。
  • 外掛最低要求 WordPress 6.4 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 8.0 以上。
  • 有 1 人給過評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

sanketparmar |

外掛標籤

time | clock | watch | timezone |

內容簡介

WordPress全球時鐘自訂區塊外掛總結:


  • 此外掛可讓網站在不同時區間啟用全球時鐘,為WordPress區塊編輯器(Gutenberg)提供自訂區塊。

  • 全球時鐘是追蹤全球不同時區當前時間的重要工具,在國際商務、旅行和全球溝通等各種情境中被廣泛使用。

問題與答案:


  1. 這個外掛提供了哪兩個區塊?

    • 全球時鐘 - 父區塊包含不同時鐘。

    • 單一時鐘 - 可以添加到全球時鐘區塊中的單一(子)時鐘區塊。


  2. 怎麼在WordPress區塊編輯器中插入全球時鐘區塊?

    • 在新增區塊時搜尋全球時鐘區塊。

    • 可以參考這份文件找到不同插入區塊的方法:新增一個區塊。


  3. 全球時鐘區塊有哪些布局選項?

    • 數字行 - 預設:以行方式顯示數字時鐘。

    • 數字列:以列方式顯示數字時鐘。

    • 時鐘:以列方式顯示顯示時鐘並顯示時區在時鐘下方。

    • 反轉時鐘:以列方式顯示顯示時鐘並顯示時區在時鐘上方。



原文外掛簡介

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:

World Clocks – The parent block consists of different clocks.
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.
Select Layout
Once a block is inserted, it will ask you to select a layout.
There are four layouts:

Digital Row – Default : This will show world clocks as digital clocks in rows.
Digital Column : This will show world clocks as digital clocks in columns.
Clock : This will show world clocks as analog clocks in columns with timezone showing below the clock.
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:

Visibility Settings
Layout
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.
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.
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().
Timezone Label
You can override the default timezone label with your own.

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「World Clocks」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


1.0.0 | 1.0.1 | trunk |

延伸相關外掛(你可能也想知道)

  • WP Maximum Execution Time Exceeded 》, 注意:請先閱讀安裝說明。WP Maximum Execution Time Exceeded外掛需要您進行網站備份程序。, , WP Maximum Execution Time Exceeded是一個非常簡單且有效...。
  • Reading Time WP 》WP Reading Time 讓你輕鬆地在 WordPress 文章中加入預估閱讀時間。啟用這個外掛會自動在你的文章內容的開始加入閱讀時間。你可以在「閱讀時間」設定中取消這...。
  • WP Date and Time Shortcode 》顯示當前、過去和未來日期或時間的簡碼。在您的文章和頁面中顯示今年、上一年、下一年、月份、日期等等。, 這可能是您網站所需的最後一個日期和時間簡碼插件...。
  • Show/Hide Content at Set Time 》喜歡這個外掛嗎?請考慮留下評論或寫下你在網站上使用它的經驗–如果你這樣做,請給我一個連結。, 這個外掛在 GitHub 維護,歡迎使用存儲庫報告問題,提...。
  • Meks Time Ago 》Meks Time Ago WordPress 外掛讓您可以輕鬆將文章日期顯示改為「多久以前」的格式,例如「1小時前」、「2週前」、「5個月前」、「4天前」等,同時提供多種選...。
  • Bulk Datetime Change 》可批量變更文章的日期/時間。, 可變更的物件, , 文章。, 頁面。, 媒體檔案。, , 日期/時間選擇器, , 可使用 DateTimePicker,一款 jQuery 外掛,選擇日期/時...。
  • Waiting: One-click countdowns 》一鍵倒數計時。, 倒數計時到一個日期或特定持續時間(例如從頁面加載開始的 60 秒)。, 功能:, , 無限的倒數計時。, 易於使用的可視化構建器,具有實時預覽...。
  • Seed Buddhist Year 》Seed Buddhist Year可以將輸出的年份改為佛曆或佛教紀元(BE),但不會影響使用基督教/西曆(CE)的微格式。, 只需安裝插件,即可覆蓋以下功能:, , get_the_...。
  • Limit Modified Date 》警告:此外掛已不再受支援,可能無法與古騰堡區塊編輯器兼容。, 我建議改用 Change Last Modified Date 外掛。, 概要, 當對內容進行輕微更改時,避免修改日期...。
  • The Future Is Now 》這是一個 WordPress 外掛,主要針對活動網站,您可以設定文章在未來的時間點上線,但是它會立即顯示 (預設情況下,WordPress 不會顯示未來時間戳記的文章,直...。
  • WP Time Slots Booking Form 》WP Time Slots Booking Form 可以建立預約表單,讓客戶預約日曆日期中的時段。基本上,您可以創建一個表單,包含一個日曆,讓最終使用者選擇日曆日期中的時間...。
  • WP-Farsi 》WordPress 外掛:公曆轉陰曆日期轉換器, , 完整的日期和數字轉換器, 當您未安裝波斯語言時,可支援安裝波斯語言介面, 將英文數字轉換為波斯語數字, 修正主機...。
  • Reading Position Indicator 》創建一個垂直進度條,顯示目前單一文章的滾動進度。, 感謝Pankaj Parashar在 CSS-TRICKS 上撰寫有關閱讀位置指示器的文章(Reading Position Indicator)。
  • Last Updated Shortcode 》建立 [lastupdated] 短碼,以顯示文章或頁面的最後更新日期和/或時間。如果不帶任何參數使用,它將使用在「設定」>「一般」選項設定的日期格式來顯示。它支援...。
  • Date Time Field Add-On for Gravity Form 》Gravity Forms 的日期時間外掛,具備自訂日期時間格式功能:, , 此外掛將在「進階欄位」下新增「日期時間」欄位類型。, 只需將「日期時間」欄位拖曳至表單中...。

文章
Filter
Mastodon