如何在 WordPress 中添加倒數計時器

已發表: 2023-02-12

在創建 WordPress 網站時,您可能需要整合工具、設計和功能,以幫助您推廣活動或其他時間敏感的產品。 使用倒數計時器小部件或插件可以使實現這一目標變得容易得多。

使用 WordPress 倒計時小部件,您可以讓網站所有者和訪問者更輕鬆地跟踪特定日期和時間。 此外,還有一些倒計時插件可以讓您快速將一個插件添加到您的網站。

在這篇文章中,我們將解釋何時使用倒數計時器以及什麼是 WordPress 倒數計時器小部件。 然後我們將帶您了解使用插件在 WordPress 中添加倒數計時器的三個最佳選項。 讓我們開始吧!

目錄
1.何時使用倒計時
2.什麼是倒數計時器小部件?
3.向 WordPress 添加倒數計時器的選項
3.1. 選項 1:使用 T(-) 倒數小部件添加倒數計時器
3.2. 選項 2:使用 Countdown Timer Ultimate 添加倒數計時器
3.3. 選項 3:使用 POWr 添加計數器定時器
4.從 WP Engine 中找到更多有用的資源

何時使用倒計時

倒數計時器可用於展示不同的里程碑,例如商業周年紀念日。 您還可以使用一個來幫助建立對即將發生的事件(例如新產品發布)的預期,促進銷售的開始,或者在網站將退出維護模式時通知訪問者。

什麼是倒數計時器小部件?

倒數計時器小部件是一種擴展,您可以將其添加到您的 WordPress 網站,以便圍繞產品或事件建立興奮或緊迫感。 您可以使用 WordPress 倒數計時器小部件通過顯示對剩餘時間倒計時的時鐘來通知或提醒客戶何時期待某事。

使用倒數計時器的一些最常見的場景包括:

  • 讓訪問者知道 WordPress 網站正在進行維護,以及何時恢復在線
  • 促進和建立對即將發生的事件的預期,例如產品發布、社交聚會或會議
  • 承認重要的里程碑,例如周年紀念日
  • 為特殊的銷售活動、促銷或即將推出的頁面帶來興奮

向 WordPress 添加倒數計時器的選項

有多個選項可以為您的 WordPress 網站添加倒數計時器。 雖然您可以通過代碼來實現,但最簡單的方法是使用 WordPress 倒計時插件。 讓我們來看看三個推薦的倒數計時器插件,以及如何開始使用它們。

選項 1:使用 T(-) 倒數小部件添加倒數計時器

(T-) Countdown Widget 是最受歡迎的 WordPress 倒計時插件之一。 它使您能夠通過短代碼在您的 WordPress 網站的任何頁面或帖子上顯示高度靈活和可定制的 HTML5 計時器:

但是,要充分利用插件的功能,您確實需要一些 HTML 和 CSS 知識。 因此,它可能不是初學者的最佳選擇。

安裝並激活插件後,您可以在設置 > T(-) 倒計時下找到它:

在此屏幕上,您可以選擇是否倒計時秒、週、月或年。 您還可以自定義將要顯示的標籤,並添加您自己的 CSS。

當您下載並激活該插件時,一個T(-) 倒計時塊將添加到您的 WordPress 編輯器中。 要使用它,請導航至要添加倒數計時器的頁面或帖子。 單擊加號圖標,然後在塊中搜索T(-) 倒計時選項:

此塊將向頁面或帖子添加標準倒數計時器。 您可以在右側的面板中對其進行自定義和配置:

您可以選擇啟動時間和日期,並從 13 種樣式中選擇一種來確定計時器的顯示方式。 還有一些部分供您調整T(-) 倒計時設置頁面上的相同設置(包括標籤和自定義 CSS)。

如果您需要,可以免費獲得此插件的支持,以及您可以使用的簡碼選項的完整列表。 還值得注意的是,這是舊版 jQuery T(-) Countdown Widget 插件的積極開發版本。

選項 2:使用 Countdown Timer Ultimate 添加倒數計時器

Countdown Timer Ultimate 使用短代碼在您的 WordPress 網站上顯示倒數計時器。 它與 Gutenberg 編輯器配合良好,完全響應,並允許您創建無限倒計時:

安裝並激活插件後,它會向您顯示一條歡迎消息。 選擇跳過允許並繼續

接下來,導航到倒數計時器 > 添加計時器

在此屏幕上,您可以為倒數計時器命名並自定義其顯示。 選擇到期日期後,您可以在兩種動畫樣式之間進行選擇: SmoothTicks

接下來,選擇您的圓圈寬度和顏色。 您未定義的任何內容都將設置為默認樣式。 完成後,點擊發布

然後,您可以將倒數計時器小部件添加到任何 WordPress 帖子或頁面。 為此,請複制倒計時計時器簡碼(位於WP Countdown TImer頁面的簡碼列下):

然後導航到要添加計時器的頁面或帖子。 單擊塊編輯器中的加號圖標,然後選擇Shortcode小部件:

將短代碼粘貼到文本字段中,然後預覽頁面以確保您對它的外觀感到滿意。 如果您滿意,請點擊發布

如果您想將倒計時小部件添加到站點的側邊欄,您可以轉到外觀 > 小部件,然後將文本小部件添加到側邊欄。 在小部件的設置下,只需粘貼倒數計時器短代碼:

正如我們之前提到的,您可以下載並使用此插件的免費版本來創建無限計時器。 您還可以升級到高級版本,以解鎖對其他設計和高級功能的訪問。 如果你想先測試插件,你也可以註冊一個免費的演示。

選項 3:使用 POWr 添加計數器定時器

最後但同樣重要的是,POWr 是一個基於雲的倒數計時器插件。 因此,要使用它,您首先需要註冊一個免費帳戶。

POWr 的好處之一是它具有完全的響應性和可定制性。 然而,它的獨特之處在於,除了創建定期倒數計時器之外,您還可以使用它來跟踪一段時間內發生的事件。

要開始,請先在您的網站上下載並激活 POWr WordPress 倒計時插件。 它作為一個包含各種其他功能的包提供,可用於創建表單和社交提要:

接下來,訪問 POWr 網站並單擊“開始”按鈕註冊一個免費帳戶。 創建帳戶後,您將被帶到“我的插件”頁面。 通過在左側導航菜單中選擇倒數計時器,您可以在此處“創建自己的插件”:

接下來,您將被帶到可以為您的 WordPress 網站創建和自定義倒數計時器小部件的屏幕:

對於要使用的倒計時類型,您有多種選擇。 此外,在“內容”“設計”選項卡下,您可以設置目標日期、自定義計時器標籤、創建自定義消息以及添加動畫。

對倒數計時器感到滿意後,單擊屏幕底部的“添加到站點”按鈕:

然後,您將看到許多用於將其添加到您的站點的選項。 例如,您可以單擊 WordPress 圖標為倒數計時器生成簡碼:

然後,您可以復制此簡碼並將其粘貼到 WordPress 編輯器的簡碼塊中(如上一節所示)。 您還可以選擇嵌入代碼選項,將代碼複製並粘貼到您網站上的任何 HTML 元素中。

從 WP Engine 中找到更多有用的資源

在您的網站上添加倒數計時器是激發興奮感和激發訪問者積極性的好方法。 當然,無論您希望向您的站點添加什麼功能,我們都可以提供幫助。

WP Engine 為用戶和開發人員提供最好的資源,為您提供提供令人難以置信的數字體驗所需的信息和工具。 立即開始使用最好的 WordPress 託管服務!