Title: ITzone360 Widgets
Author: itzone360
Published: <strong>2026 年 7 月 13 日</strong>
Last modified: 2026 年 7 月 13 日

---

搜尋外掛

![](https://s.w.org/plugins/geopattern-icon/itzone360-widgets.svg)

# ITzone360 Widgets

 由 [itzone360](https://profiles.wordpress.org/itzone360/) 開發

[下載](https://downloads.wordpress.org/plugin/itzone360-widgets.1.2.1.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/itzone360-widgets/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/itzone360-widgets/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/itzone360-widgets/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/itzone360-widgets/#developers)

 [技術支援](https://wordpress.org/support/plugin/itzone360-widgets/)

## 外掛說明

ITzone360 Widgets is a lightweight, dependency-light collection of custom Elementor
widgets built with the WordPress Plugin API. No jQuery is used in any custom JavaScript,
and every widget is built to pass the WordPress.org Plugin Check tool across the
Plugin Repo, Security, General, Performance, and Accessibility categories.

#### Widgets Included

 * **Info Card** – Icon, title, description, CTA button, with full style controls(
   color, typography, shadow)
 * **CTA Button** – Advanced call-to-action with gradient background and hover animation
 * **Feature Box** – Icon/Image toggle, title, description, background (color or
   gradient), hover-lift shadow, optional button
 * **Counter** – Animated count-up number with prefix/suffix, thousands separator,
   and scroll-triggered vanilla JS animation (no jQuery)
 * **Team Member** – Photo, name, position, description, and individual Facebook/
   LinkedIn / X / Instagram links
 * **Testimonial** – Client photo, name, company, 1–5 star rating, and review text
 * **Pricing Box** – Plan name, price, “Featured” highlight badge, repeater-driven
   feature list (included/excluded), CTA button

All widgets share a consistent `cew-` CSS namespace and are registered through a
single, extension-friendly bootstrap (`itzone360_widgets/register_pro_widgets` action
hook, reserved for a future Pro add-on).

#### Tech Stack

 * PHP — Elementor Widget API (`Widget_Base`, `Controls_Manager`, `Repeater`, `Group_Control_*`)
 * WordPress Plugin API — hooks, `wp_register_script` / `wp_enqueue_style`
 * Vanilla JavaScript — `IntersectionObserver` + `requestAnimationFrame` for the
   Counter widget’s scroll-triggered animation, no external libraries
 * CSS3 — flexbox layouts, custom properties via Elementor’s `selectors` API

#### Requirements

 * Elementor (free or Pro) must be installed and activated

## 安裝方式

 1. Upload the plugin folder to `/wp-content/plugins/`, or install directly through
    the WordPress Plugins screen
 2. Activate **ITzone360 Widgets** from the WordPress Plugins screen
 3. Make sure **Elementor** (free or Pro) is installed and activated
 4. Edit any page with Elementor  search the widget panel for “ITzone360” or the widget
    name (e.g. “Feature Box”)
 5. Drag the widget onto the page and configure it from the Content/Style tabs

## 常見問題集

### Does this plugin require Elementor?

Yes. Elementor (free or Pro) must be installed and active for these widgets to appear
in the editor panel.

### Does this plugin load jQuery or other external libraries?

No. All custom JavaScript is vanilla JS. The Counter widget’s scroll animation uses
only `IntersectionObserver` and `requestAnimationFrame`.

### Are widget assets loaded on every page?

No. Widget-specific JS/CSS is registered per-widget via `get_script_depends()`, 
so scripts are only loaded on pages that actually use that widget.

### Is a Pro version available?

Not yet. A Pro add-on is planned (see Roadmap below) and will hook into the `itzone360_widgets/
register_pro_widgets` action.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈ITzone360 Widgets〉的開發相關工作。

參與者

 *   [ itzone360 ](https://profiles.wordpress.org/itzone360/)

[將〈ITzone360 Widgets〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/itzone360-widgets)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/itzone360-widgets/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/itzone360-widgets/)，或透過 
[RSS](https://plugins.trac.wordpress.org/log/itzone360-widgets/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/itzone360-widgets/)。

## 變更記錄

#### 1.2.1

 * Added Requires Plugins header for Elementor dependency check
 * Fixed version constant mismatch

#### 1.2.0

 * Added Team Member, Testimonial, and Pricing Box widgets

#### 1.0.0

 * Initial release with Info Card, CTA Button, Feature Box, and Counter widgets

## 中繼資料

 *  版本 **1.2.1**
 *  最後更新 **2 個月前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.5 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0.4**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/itzone360-widgets/)
 * 標籤:
 * [Counter](https://tw.wordpress.org/plugins/tags/counter/)[elementor](https://tw.wordpress.org/plugins/tags/elementor/)
   [elementor addon](https://tw.wordpress.org/plugins/tags/elementor-addon/)[pricing table](https://tw.wordpress.org/plugins/tags/pricing-table/)
   [widgets](https://tw.wordpress.org/plugins/tags/widgets/)
 *  [進階檢視](https://tw.wordpress.org/plugins/itzone360-widgets/advanced/)

## 評分

這個項目尚無任何評論記錄。

[撰寫評分](https://wordpress.org/support/plugin/itzone360-widgets/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/itzone360-widgets/reviews/)

## 參與者

 *   [ itzone360 ](https://profiles.wordpress.org/itzone360/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/itzone360-widgets/)