[WordPress] 外掛分享: Counters Block – Animated Number Counters for Stats and Goals

首頁外掛目錄 › Counters Block – Animated Number Counters for Stats and Goals
WordPress 外掛 Counters Block – Animated Number Counters for Stats and Goals 的封面圖片
3,000+
安裝啟用
★★★★★
5/5 分(7 則評價)
4 天前
最後更新
問題解決
WordPress 6.5+ PHP 7.1+ v2.0.5 上架:2021-11-15

內容簡介

Counters Block 是一款專為 Gutenberg 編輯器設計的外掛,能夠以流暢的動畫數字計數器展示統計數據、里程碑和成就。適合用於展示商業數據、KPI、目標及其他關鍵指標,無需編寫任何程式碼即可輕鬆創建引人注目的計數器區塊。

【主要功能】
• 16 種現成計數器主題(13 種付費 + 3 種免費)
• 多種現代佈局及一鍵主題切換
• 無限添加動畫計數器
• 多種數字動畫類型(如滾動、彈跳)
• 自訂計數器背景及邊框控制
• 動畫觸發方式多樣化(如頁面載入、點擊)

外掛標籤

開發者團隊

⬇ 下載最新版 (v2.0.5) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Counters Block – Animated Number Counters for Stats and Goals」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Counters Block lets you display statistics, milestones, and achievements using smooth animated number counters in the Gutenberg editor.
Perfect for showcasing business stats, KPIs, goals, achievements, subscribers, followers, sales numbers, or any key metric that deserves attention.
With multiple modern counter layouts, powerful animation controls, and full responsive settings, you can create engaging counter sections without writing any code.
Whether you’re building a landing page, portfolio, dashboard, or stats section, Counters Block gives you complete control over layout, animation, typography, and styling — all inside the block editor.
Demos
💡 Use cases:

Company statistics & achievements
Sales, growth & performance metrics
Portfolio highlights
Milestones, goals & KPIs
Social proof counters

Features
Themes & Layouts

16 ready-made counter themes (13 premium + 3 free)
NEW: Circular Progress Counter
Multiple modern layouts with one-click theme switching
Fully responsive grid-based layout
Responsive column control (desktop, tablet, mobile)
Custom column and row gap control

Counter Items

Add unlimited animated counters
Per-counter background customization
Per-counter border control (theme-based)
Per-counter shadow and hover shadow (premium themes)
Per-counter width and height control

Number Animation Types

Classic number animation
Rolling number animation
Bounce animation
Fade animation
Slide animations (Up, Down, Left, Right)
Pulse animation
Flip animation
Typewriter animation

Animation Triggers

Trigger animation when visible (default)
Trigger animation on page load
Trigger animation on click
Trigger animation on hover
Custom trigger using CSS selector (ID or class)

Animation Controls

Global animation duration control
Global animation delay control
Per-counter stagger delay
Repeat animation on scroll
Reverse count support
Rolling stagger modes (per counter, per digit)

Easing Options

Linear easing
Ease-in easing
Ease-out easing
Ease-in-out easing

Number Formatting

Start and end number control per counter
Prefix support before number
Suffix support after number
Thousands separator support (Coma & Space)
Decimal number support (global)
Smooth animated decimal transitions

New Circular Progress Counter (Theme 15)

SVG-based animated circular progress counter
Ideal for percentages, milestones, and KPIs
Adjustable circle size (radius control)
Customizable progress ring thickness
Progress color, track (stroke) color & inner fill color controls
Fully responsive and theme-aware

Icon Features

Custom icon support. ( Font Awesome, Bootstrap, Lucide)
Icon position control (top or inline with label)
Icon size & color controls
Icon background control (premium themes)
Icon background & container styling (premium)
Icon bounce animation on counter completion (premium)

Typography & Content

Responsive typography for numbers
Primary label & optional sub-label support
Responsive label & sub-label typography
Label & sub label’s visibility & color controls

Container Styling

Global counters background & padding controls
Text alignment control
Optimized Gutenberg editor experience

How to Use

Install and activate the Counters Block plugin.
Open the Gutenberg editor.
Add Counters Block from the block inserter.
Customize counters, animations, icons, and layouts from the right-side settings panel.
Publish and enjoy smooth animated counters 🎉

For installation help click on Installation Tab
Free vs Premium
Includes everything needed to build professional animated counters
Free Version

Unlimited counters
3 free counter themes
Fully responsive grid layout
Responsive column controls (desktop, tablet, mobile)
Number formatting & classic animations
Icon support & typography controls

Premium Version
Unlock advanced animations, premium themes, and enhanced styling

12 premium counter themes
Advanced number animations (Rolling, Bounce, Flip, Typewriter, etc.)

Advanced counter designs including Circular Progress Counter (Theme 15)

Advanced animation triggers & easing options
Per-counter shadows, borders & hover effects
Icon backgrounds & container styling
Priority updates & premium support

Feedback & Support
Did you find a bug or have a feature request?
📧 Send feedback
Support forum:
https://wordpress.org/support/plugin/counters-block/
Check out the Parent Plugin of this plugin-
B Blocks – A blocks collection and page building tool for Gutenberg.
Check out our other WordPress Plugins-
Html5 Video Player – Display videos as single and playlist in multiple skins.
PDF Poster – Display/Embed PDF files with different styles.
Html5 Audio Player – Listen audios with awesome visuals.
StreamCast – Customizable radio player with different skins.
3D Viewer – Embed 3D models and 3D products with interaction.
Advanced Post Block – Show posts and custom posts in different layouts.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon