Title: Icon Widget
Author: seothemes
Published: <strong>2017 年 9 月 12 日</strong>
Last modified: 2024 年 4 月 10 日

---

搜尋外掛

![](https://ps.w.org/icon-widget/assets/banner-772x250.png?rev=1729009)

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

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

# Icon Widget

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

[下載](https://downloads.wordpress.org/plugin/icon-widget.zip)

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

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

## 外掛說明

Icon Widget creates a new WordPress widget that displays an icon, title and description.
Select the size, color and text-alignment with easy to use dropdown options.

#### Icon Fonts Included

 * Font Awesome 4 & 5
 * Line Awesome
 * Ionicons
 * Streamline Icons
 * ET Line Icons
    _More coming soon. We are open to suggestions._

#### Shortcode Usage

Since 1.0.6 you can now use the `icon_widget` shortcode. Below is a list of available
attributes with their default values:

 * classes => ‘icon-widget’
 * title => ‘Icon Widget’
 * content => ‘Add a short description.’
 * icon => ‘fa-star’
 * weight => ‘600’
 * size => ‘2x’
 * align => ‘center’
 * color => ‘#333333’
 * bg => ”
 * padding => ”
 * radius => ”
 * heading => ‘h4’
 * break => ‘`<br>`‘

Here is an example of the icon widget shortcode using all available parameters:

    ```
    [icon_widget classes="icon-widget" title="Icon Widget" content="Add a short description" icon="fa-star" weight="600" size="2x" align="center" color="#fff" bg="#333" padding="30" radius="30" heading="h4" break="<br>"]
    ```

## 安裝方式

 1. Go to Plugins > Add New.
 2. Type in the name of the WordPress Plugin or descriptive keyword, author, or tag
    in Search Plugins box or click a tag link below the screen.
 3. Find the WordPress Plugin you wish to install.
 4. Click Details for more information about the Plugin and instructions you may wish
    to print or save to help setup the Plugin.
 5. Click Install Now to install the WordPress Plugin.
 6. The resulting installation screen will list the installation as successful or note
    any problems during the install.
 7. If successful, click Activate Plugin to activate it, or Return to Plugin Installer
    for further actions.

## 常見問題集

### Can you add an Icon block?

Yes, we are working on it! In the meantime, the `[icon_widget]` shortcode can be
used in the Shortcode Block.

### How do I change the icon font?

The icon font can be changed from **Settings > Icon Widget**.

### Can you add another icon font?

Yes, we will add additional icon fonts upon request.

## 使用者評論

![](https://secure.gravatar.com/avatar/0eb01f67d4f8487b1521d7ebe75f005a0c6b7205fe57ee180a625756f6e34bf8?
s=60&d=retro&r=g)

### 󠀁[A must for all WordPress sites](https://wordpress.org/support/topic/a-must-for-all-wordpress-sites-3/)󠁿

 [MD. Mamun Khan](https://profiles.wordpress.org/mdmamunkhan/) 2024 年 2 月 20 日

How can I use the Font Awesome shortcode?

![](https://secure.gravatar.com/avatar/1fe0862ea4dd920bfa928e8633440e218c4e45fdb8dd75cfcdfeed11c282b3dc?
s=60&d=retro&r=g)

### 󠀁[Works Great!](https://wordpress.org/support/topic/works-great-4337/)󠁿

 [Anita C](https://profiles.wordpress.org/mymothersdaughter/) 2017 年 10 月 2 日
1 則留言

This works great and saves a lot of time. Easy for clients to manage.

 [ 閱讀全部 2 則使用者評論 ](https://wordpress.org/support/plugin/icon-widget/reviews/)

## 參與者及開發者

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

參與者

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

[將〈Icon Widget〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/icon-widget)

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

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

## 變更記錄

#### 1.4.0 – 10 April 2024

 * Fix: Default icon font fallback if no option set
 * Fix: Sanitize widget heading
 * Fix: Escape all translatable strings
 * Fix: Required file checks before loading
 * Add: Composer json file

#### 1.3.0 – 3 January 2023

 * Fix: Escape all shortcode attributes

#### 1.2.6

 * Added font weight setting
 * Refactor loops in admin widget view

#### 1.2.5

 * Fixed escaping quotes issue in widget content.

#### 1.2.4

 * Fixed default font family in admin widget view.
 * Fixed quotes issue in widget.

#### 1.2.3

 * Fixed quotation marks bug.

#### 1.2.2

 * Fixed broken settings link.

#### 1.2.1

 * Added link setting.
 * Refactor widget to use shortcode.

#### 1.2.0

 * Added Font Awesome 5
 * Refactored entire plugin.

#### 1.1.0

 * Added ET Line icons font.
 * Refactor some reusable code.

#### 1.0.9

 * Added background color, padding and border radius options.

#### 1.0.8

 * Fixed deprecated create_function in PHP7.2

#### 1.0.7

 * Added `icon_widget` shortcode.
 * Added conditional exit to settings file.

#### 1.0.6

 * Added streamline icons.

#### 1.0.5

 * Fixed scripts and styles loading on all admin screens.

#### 1.0.4

 * Added filters for plugin defaults.

#### 1.0.3

 * Added filterable default settings.

#### 1.0.2

 * Added Ionicons font.

#### 1.0.1

 * Added settings page.
 * Fixed multiple color picker instances.
 * Removed caching and clean up output.

#### 1.0.0

 * Initial release.

## 中繼資料

 *  版本 **1.4.0**
 *  最後更新 **2 年前**
 *  啟用安裝數 **4,000+**
 *  WordPress 版本需求 ** 5.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.5.8**
 *  PHP 版本需求 ** 5.6 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/icon-widget/)
 * 標籤:
 * [FontAwesome](https://tw.wordpress.org/plugins/tags/fontawesome/)[icon](https://tw.wordpress.org/plugins/tags/icon/)
   [widget](https://tw.wordpress.org/plugins/tags/widget/)
 *  [進階檢視](https://tw.wordpress.org/plugins/icon-widget/advanced/)

## 評分

 5 星，滿分為 5 星

 *  [  2 個 5 星使用者評論     ](https://wordpress.org/support/plugin/icon-widget/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/icon-widget/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/icon-widget/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/icon-widget/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/icon-widget/reviews/?filter=1)

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

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

## 參與者

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

## 技術支援

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

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

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://seothemes.com)