Title: WP Font Awesome
Author: Zayed Baloch
Published: <strong>2015 年 8 月 6 日</strong>
Last modified: 2024 年 7 月 9 日

---

搜尋外掛

![](https://ps.w.org/wp-font-awesome/assets/banner-772x250.png?rev=1213924)

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

![](https://ps.w.org/wp-font-awesome/assets/icon-256x256.png?rev=1213924)

# WP Font Awesome

 由 [Zayed Baloch](https://profiles.wordpress.org/zayedbaloch/) 開發

[下載](https://downloads.wordpress.org/plugin/wp-font-awesome.1.8.0.zip)

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

 [技術支援](https://wordpress.org/support/plugin/wp-font-awesome/)

## 外掛說明

This plugin allows you to easily embed Font Awesome icon to your website using HTML
or built-in shortcode handlers.

#### Features

 1. Shortcode support. Example: For Font Awesome 5 `[wpfa5s icon=""]`, `[wpfa5r icon
    =""]`, `[wpfab icon=""]`, and for Font Awesome 4.7+ `[wpfa icon=""]`
 2. Use Larger Icon: `[wpfa icon="" size="2x"]`. Sizes: `xs`, `sm`, `lg`, `2x`, `3x`,`
    5x`, `7x`, `10x`
 3. Add Font Awesome icon in Menu with shortcode.
 4. Support shortocde in Widgets.
 5. Support post and page title.
 6. Font Awesome version 6
 7. Support Font Awesome version 5.+ and 4.7.0
 8. Add Font Awesome icon from editor Toolbar button.

#### Shortcodes

Introduced three new shortcode for Font Awesome support.

**Font Awesome v6 & v5**
 [wpfa5s icon=”home”] for Solid style. [wpfa5r icon=”user”]
for Regular style. _support only in few icon_. [wpfa5b icon=”wordpress”] for Brands.

**Font Awesome 4.7+**
 [wpfa icon=””].

#### Note

The `fa` prefix has been deprecated in version 5. The new default is the `fas` solid
style `far` regular style and the `fab` style for brands.

**WP Font Awesome plugin still support Font Awesome version 4**

## 螢幕擷圖

 * [[
 * Shortcodes
 * [[
 * Shortcodes result
 * [[
 * Larger Icon
 * [[
 * Menu
 * [[
 * Widget
 * [[
 * Superscript
 * [[

## 安裝方式

 1. Unzip the download package
 2. Upload `wp-font-awesome` to the `/wp-content/plugins/` directory
 3. Activate the plugin through the ‘Plugins’ menu in WordPress

#### Manual Plugin Installation

 1. Download WP Font Awesome Plugin to your desktop.
 2. If downloaded as a zip archive, extract the Plugin folder to your desktop.
 3. With your FTP program, upload the Plugin folder to the `wp-content/plugins` folder
    in your WordPress directory online.
 4. Go to Plugins screen and find Content WP Font Awesome in the list.
 5. Click Activate Plugin to activate it.

## 常見問題集

### Usage

**Font Awesome v6 & v5**

 * `[wpfa5s icon="home"]` or `[wpfa5s icon="fa-home"]` for Solid style.
 * `[wpfa5r icon="user"]` or `[wpfa5r icon="fa-user"]` for Regular style. _support
   only in few icon_.
 * `[wpfa5b icon="wordpress"]` or `[wpfa5b icon="fa-wordpress"]` for Brands.

**Font Awesome 4.7+**

Use the `[wpfa icon="fa-home"]` or `[wpfa icon="home"]` shotcode to add an icon.

**Sizes**
 Sizes: `xs`, `sm`, `lg`, `2x`, `3x`, `5x`, `7x`, `10x`. Example: `[wpfa5b
icon="wordpress" size="3x"]`

**Color**
 [wpfa ….. color=”#336699″]

**Superscript**
 [wpfa ….. sub=”yes”]

### How to use shortcode in Widget title

**Font Awesome v6 & v5**
 [wpfa5s icon=”home”] for Solid style. [wpfa5r icon=”user”]
for Regular style. _support only in few icon_. [wpfa5b icon=”wordpress”] for Brands.

**Font Awesome 4.7+**
 [wpfa icon=””].

Note: Don’t use double quotes `(" ")` on shortcode in Widget title.

## 使用者評論

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

### 󠀁[Works perfect](https://wordpress.org/support/topic/works-perfect-1055/)󠁿

 [chicho1969](https://profiles.wordpress.org/chicho1969/) 2023 年 10 月 18 日

Install the plugin and go. Works perfect.

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

### 󠀁[Responsive Developer, Awesome Plugin!](https://wordpress.org/support/topic/responsive-developer-awesome-plugin/)󠁿

 [Seb Fontan](https://profiles.wordpress.org/sebfontan/) 2022 年 3 月 7 日

The developer is responsive and the plugin works like a charm. This is by far the
most straightforward Font Awesome plugin for WordPress.

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

### 󠀁[Really Helpful Plugin, thanks a lot. Please keep it updated](https://wordpress.org/support/topic/really-helpful-plugin-thanks-a-lot-please-keep-it-updated/)󠁿

 [vast1r](https://profiles.wordpress.org/vast1r/) 2021 年 11 月 21 日

Exactly it’s what i wanted, Font awesome icon locally loaded. Please keep it updated.
I don’t know why 10k active people but very less review. Really great work guys,
keep it up. 👍👍

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

### 󠀁[Awesome up-to-date plugin](https://wordpress.org/support/topic/awesome-up-to-date-plugin/)󠁿

 [Yongjun Jung](https://profiles.wordpress.org/keyos27/) 2021 年 1 月 23 日

Works great (especially, if you know how HTML and CSS) and it is constantly updated
to be compatible with the latest WordPress.

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

### 󠀁[Perfect](https://wordpress.org/support/topic/perfect-7485/)󠁿

 [Génesis](https://profiles.wordpress.org/genesistoxical/) 2020 年 7 月 18 日

It does what it promises. 🙂

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

### 󠀁[Easy to use and GDPR compatible](https://wordpress.org/support/topic/very-nice-to-use-and-gdpr-compatible/)󠁿

 [SVTX](https://profiles.wordpress.org/svtx/) 2018 年 7 月 22 日

This even works with the default tags i.e. <i class="fas fa-stroopwafel fa-lg"></
i> and it loads the fontawesome icons locally, from your own server. That’s what
you want because CDN’s require data processing agreements and stuff like that. This
is way easier, lightweight and simple. Edit: Hmm, doesn’t seem to work on all my
sites.. o.O

 [ 閱讀全部 8 則使用者評論 ](https://wordpress.org/support/plugin/wp-font-awesome/reviews/)

## 參與者及開發者

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

參與者

 *   [ Zayed Baloch ](https://profiles.wordpress.org/zayedbaloch/)
 *   [ Naeem Noor ](https://profiles.wordpress.org/naeemnur/)
 *   [ Hammal Albulushi ](https://profiles.wordpress.org/hammal/)

[將〈WP Font Awesome〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/wp-font-awesome)

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

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

## 變更記錄

#### 1.7.9

 * Security fixes

#### 1.7.8

 * Updated FontAwesom to v6

#### 1.7.7

 * Updated FontAwesom to v5.15

#### 1.7.6

 * Fixed font load issue.

#### 1.7.5

 * Add Font Awesome icon from editor Toolbar button.
 * Updated FontAwesom to v5.12

#### 1.7.4

 * Updated FontAwesom to v5.4

#### 1.7.3

 * Fixed fonts loading issue

#### 1.7.2

 * Updated FontAwesom to v5.2.0

#### 1.7.1

 * Added Superscript option.

#### 1.7

 * Added color option

#### 1.6

 * Updated Font Awesome to v5.0.10
 * Introduced 3 additional shortcode for Font Awesome 5+
 * Still support Font Awesome v4

#### 1.5

 * Updated Font Awesome to v4.7.0

#### 1.4

 * Bug fixes.

#### 1.3

 * Added Larger Icon option.
 * Updated Font Awesome to v4.6.0

#### 1.2

 * Added font icon support in post and page title.

#### 1.1

 * Updated Font Awesome to v4.5.0
 * 20 New Icons in Font Awesome v4.5

#### 1.0

 * First Release

## 中繼資料

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

## 評分

 4.9 星，滿分為 5 星

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

[Your review](https://wordpress.org/support/plugin/wp-font-awesome/reviews/#new-post)

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

## 參與者

 *   [ Zayed Baloch ](https://profiles.wordpress.org/zayedbaloch/)
 *   [ Naeem Noor ](https://profiles.wordpress.org/naeemnur/)
 *   [ Hammal Albulushi ](https://profiles.wordpress.org/hammal/)

## 技術支援

最近 2 個月解決的問題:

     總計 1 個問題，已解決 0 個

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

## 贊助

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

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