[WordPress] 外掛分享: The Countdown Timer

首頁外掛目錄 › The Countdown Timer
30+
安裝啟用
尚無評分
334 天前
最後更新
問題解決
WordPress 5.0+ PHP 7.2+ v1.0.0 上架:2025-04-18

內容簡介

總結:《倒數計時器》提供了一個使用者友善的倒數區塊,可讓您快速設定事件、產品上市、特價優惠等倒數計時。該外掛設計為簡約易用,並內建於 WordPress 生態系統中,使用官方元件來提供流暢的體驗。您可以自定義時間設置,選擇要顯示的單位,以及調整外觀設定以符合網站設計。

1. 如何建立新的倒數計時器?
- 到「工具」>「倒數計時器」建立一個新計時器。
2. 如何自定義計時器?
- 設定日期、時間、外觀和行為。
3. 如何保存自訂計時器?
- 點擊「發佈」按鈕以保存。
4. 如何在網站上使用倒數計時器?
- 複製短碼並將其貼在任何地方 – 文章、頁面或小工具中。
5. 倒數計時器的前端界面使用了什麼技術?
- 使用了 React 技術。完整未縮小的原始碼可於 GitHub 存儲庫中找到:https://github.com/KonstantinPankratov/WordPress-Plugin-Countdown-Timer
6. 如何從源代碼構建外掛?
- 複製存儲庫,執行cd react,接著執行npm install,最後執行npm run build。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「The Countdown Timer」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

The Countdown Timer offers a user-friendly countdown block that lets you quickly set up a timer for events, product launches, special offers, and more.
Its main features include:

Designed to be minimal: no unnecessary menu items, just a simple tool under the Tools tab.
Built for the WordPress ecosystem: uses official components for a seamless experience.
Customizable time settings: easily set the target time, date, and time zone.
Flexible units display: choose which units to display – years, months, weeks, days, minutes, seconds.
Styling options: adjust colors, backgrounds, margins, alignment, border radius, and separators to seamlessly match your site’s design.
Optimized performance: the plugin separates editor scripts from front-end scripts, ensuring that only the essential code is loaded on the live site.

Usage

Go to Tools > The Countdown Timer to create a new timer.
Customize your timer: set the date, time, appearance, and behavior.
Click Publish to save it.
Copy the shortcode and paste it anywhere – in a post, page, or widget.

Development
This plugin uses React for its front-end interface. The complete unminified source code is available at:

GitHub repository: https://github.com/KonstantinPankratov/WordPress-Plugin-Countdown-Timer

To build the plugin from source:
1. Clone the repository
2. Run cd react
3. Run npm install
4. Run npm run build

延伸相關外掛

文章
Filter
Apply Filters
Mastodon