Title: Iconic Button
Author: Dvora Gvili
Published: <strong>2025 年 12 月 15 日</strong>
Last modified: 2026 年 5 月 21 日

---

搜尋外掛

![](https://ps.w.org/iconic-button/assets/banner-772x250.jpg?rev=3420085)

![](https://ps.w.org/iconic-button/assets/icon-256x256.png?rev=3420085)

# Iconic Button

 由 [Dvora Gvili](https://profiles.wordpress.org/dvorag/) 開發

[下載](https://downloads.wordpress.org/plugin/iconic-button.1.0.3.zip)

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

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

## 外掛說明

**Iconic Button** is a lightweight, accessible WordPress block plugin that lets 
you create beautiful buttons with icons.
 Built with performance and accessibility
in mind, it follows WCAG 2.1 Level AA standards and WordPress coding best practices.

The **free version** includes **12 essential Font Awesome icons**. Upgrade to Pro
for unlimited custom icons with drag-and-drop manager.

#### Key Features (Free Version)

 * Gutenberg Native – Two blocks: Icon Buttons (wrapper) + Icon Button
 * 12 carefully selected Font Awesome icons included
 * Fill and Outline style variants
 * Full Accessibility – WCAG 2.1 Level AA compliant
 * Automatic dark mode detection
 * Theme color palette support
 * Text before/after icon or icon-only
 * Smart automatic tooltips for icon-only buttons
 * Internal, external & anchor links
 * External link indicator icon
 * Hover/focus/active state preview in editor
 * RTL + reduced motion + high contrast support
 * Mobile-optimized (44×44px touch targets)
 * Zero database tables – ultra lightweight
 * Translation-ready (.pot included)

### Perfect For

 * Call-to-action buttons
 * Download buttons
 * Social media links
 * Navigation elements
 * Contact buttons
 * Accessible web apps

### Upgrade to Pro

Iconic Button Pro gives you:
 – Unlimited custom icons – add any of the 2,000+ free
Font Awesome icons (or your own SVGs in future updates) – Drag-and-drop icon manager
with live reordering, add/remove, and inline editing – Instant live refresh in the
editor (no page reload or Ctrl+F5 needed) – Priority email support – Lifetime updates

Upgrade here: https://dg-devstudio.com/iconic-button-pro

### Credits

**Author:** Dvora Gvili, dvorag
 **Company:** Dvora Gvili DevStudio **Website:**
https://dg-devstudio.com

**Third-Party Resources:**
 – Font Awesome 7.1.0 Free License: Icons CC BY 4.0 |
Fonts SIL OFL 1.1 | Code MIT License URL: https://fontawesome.com/license/free –
Source: https://fontawesome.com

### Support

Free support: WordPress.org forums
 Premium support: Available with Pro version

### License

GPLv2 or later – https://www.gnu.org/licenses/gpl-2.0.html

## 螢幕擷圖

[⌊Iconic Button block in the Gutenberg editor – clean controls and live preview⌉⌊
Iconic Button block in the Gutenberg editor – clean controls and live preview⌉[

Iconic Button block in the Gutenberg editor – clean controls and live preview

[⌊Choose from 12 essential Font Awesome icons + Fill/Outline styles and theme colors⌉⌊
Choose from 12 essential Font Awesome icons + Fill/Outline styles and theme colors⌉[

Choose from 12 essential Font Awesome icons + Fill/Outline styles and theme colors

[⌊External link with green indicator, tooltip settings, and link options⌉⌊External
link with green indicator, tooltip settings, and link options⌉[

External link with green indicator, tooltip settings, and link options

[⌊Automatic dark mode detection – buttons adapt perfectly to light & dark themes⌉⌊
Automatic dark mode detection – buttons adapt perfectly to light & dark themes⌉[

Automatic dark mode detection – buttons adapt perfectly to light & dark themes

[⌊Various icon sizes, border radius, and icon-only button examples⌉⌊Various icon
sizes, border radius, and icon-only button examples⌉[

Various icon sizes, border radius, and icon-only button examples

[⌊Full RTL support and perfect touch targets on mobile⌉⌊Full RTL support and perfect
touch targets on mobile⌉[

Full RTL support and perfect touch targets on mobile

## 適用於區塊編輯器

這個外掛提供 2 個可供 Gutenberg/區塊編輯器使用的區塊。

 *   Icon Buttons A customizable button block with icons and text for WordPress,
   perfect for adding styled call-to-action buttons.
 *   Icon Button A customizable button block with icons and text for WordPress, 
   perfect for adding styled call-to-action buttons.

## 安裝方式

 1. Upload the plugin files to `/wp-content/plugins/iconic-button`
 2. Activate the plugin
 3. Use the “Iconic Button” block in the editor

## 常見問題集

### How many icons are included?

12 essential icons in the free version.

### Can I add my own icons in the free version?

Adding or changing icons is a Pro feature and only available there.

### How many icons can I add in Pro?

You can add **all 2,000+ free Font Awesome icons** (and we’ll add SVG upload support
later). That’s effectively unlimited for 99.9% of real-world use cases.

## 使用者評論

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

## 參與者及開發者

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

參與者

 *   [ Dvora Gvili ](https://profiles.wordpress.org/dvorag/)

[將〈Iconic Button〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/iconic-button)

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

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

## 變更記錄

= 1.0.3 – 2026-05-21
 * Tested with WordPress 7.0 * Fixed Sass deprecation warning
for `if($dark, #1a8ccc, #0073aa)` to `if(sass($dark): #1a8ccc; else: #0073aa)`in
editor.scss and style.scss

= 1.0.2 – 2025-12-15
 * Fix: Corrected Author URI and Plugin URI domain spelling.*
Prep: Removed unnecessary screenshot files from plugin package (to be added via 
SVN assets after approval). * Tweak: Minor ownership verification updates for WordPress.
org submission.

= 1.0.1 – 2025-12-07
 * Removed manual textdomain loading (now auto-loaded by WordPress)

#### 1.0.0 – 2025-12-06

 * Initial release –
 * 12 Font Awesome icons
 * Fill & Outline styles
 * Full WCAG 2.1 AA compliance
 * Automatic dark mode
 * RTL, reduced motion, high contrast support
 * ~1.7 KiB JavaScript, ~15 KiB CSS
 * Tested up to WordPress 6.9

## 中繼資料

 *  版本 **1.0.3**
 *  最後更新 **1 個月前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.6 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/iconic-button/)
 * 標籤:
 * [accessible](https://tw.wordpress.org/plugins/tags/accessible/)[button](https://tw.wordpress.org/plugins/tags/button/)
   [gutenberg](https://tw.wordpress.org/plugins/tags/gutenberg/)[icon button](https://tw.wordpress.org/plugins/tags/icon-button/)
   [responsive](https://tw.wordpress.org/plugins/tags/responsive/)
 *  [進階檢視](https://tw.wordpress.org/plugins/iconic-button/advanced/)

## 評分

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

[Your review](https://wordpress.org/support/plugin/iconic-button/reviews/#new-post)

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

## 參與者

 *   [ Dvora Gvili ](https://profiles.wordpress.org/dvorag/)

## 技術支援

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

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