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. Support Font Awesome version 4.7.0
  7. Font Awesome version 5.15.1
  8. Add Font Awesome icon from editor Toolbar button.

Shortcodes

Introduced three new shortcode for Font Awesome support.

Font Awesome 5
[wpfa5s icon=”home”] for Solid style.
[wpfa5r icon=”user”] for Regular style. support only in few icon.
[wpfa5b icon=”facebook”] 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 5

  • [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="facebook"] or [wpfa5b icon="fa-facebook"] 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="facebook" size="3x"]

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

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

How to use shortcode in Widget title

Font Awesome 5
[wpfa5s icon=”home”] for Solid style.
[wpfa5r icon=”user”] for Regular style. support only in few icon.
[wpfa5b icon=”facebook”] for Brands.

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

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

使用者評論

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.
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
閱讀全部 7 則使用者評論

參與者及開發者

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

參與者

將 WP Font Awesome 外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.7.6

  • Updated FontAwesom to 5.15

1.7.6

  • Fixed font load issue.

1.7.5

  • Add Font Awesome icon from editor Toolbar button.
  • Updated FontAwesom to 5.12

1.7.4

  • Updated FontAwesom to 5.4

1.7.3

  • Fixed fonts loading issue

1.7.2

  • Updated FontAwesom to 5.2.0

1.7.1

  • Added Superscript option.

1.7

  • Added color option

1.6

  • Updated Font Awesome to 5.0.10
  • Introduced 3 additional shortcode for Font Awesome 5+
  • Still support Font Awesome 4

1.5

  • Updated Font Awesome to 4.7.0

1.4

  • Bug fixes.

1.3

  • Added Larger Icon option.
  • Updated Font Awesome to 4.6.0

1.2

  • Added font icon support in post and page title.

1.1

  • Updated Font Awesome to 4.5.0
  • 20 New Icons in Font Awesome 4.5

1.0

  • First Release