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

Icon Fonts

外掛說明

This plugin adds support for 18 free icon fonts (over 6000 icons).

Dashicons (218 icons)
Elegant (360 icons)
Elusive (304 icons)
Entypo (284 icons)
Font Awesome (519 icons)
Foundation (284 icons)
Genericons (147 icons)
IcoMoon Free (491 icons)
Ionicons (734 icnons)
Map Icons (176 icons)
Material Design (1062 icons)
MFG Labs (186 icons)
Octicons (179 icons)
Open Iconic (229 icons)
OpenWeb (118 icons)
Sosa (122 icons)
Themify (352 icons)
Typicons (336 icons)

Each font is freely distributed under an open source licence.
Contact the author of a font if you have questions about using it.

Credits:
Jaime Caballero for his Sosa stylesheet.
pnull for his Entypo stylesheet.

螢幕擷圖

  • Settings Panel

  • Editor Dialog

安裝方式

  1. Upload the “icon-fonts” directory to the “/wp-content/plugins/” directory.
  2. Activate the plugin via the “Plugins” menu on the WordPress dashboard.
  3. Activate the required icon fonts in the settings panel.
  4. Use the star button in the visual editor to insert icons.

常見問題集

1. Are these fonts really free to use?

Yes. Some have different licenses but all are open source and free to use.

2. Why is there a soft hyphen inside each icon element?

An element needs content to avoid being removed by the editor. A soft hyphen is used because a non-breaking space causes alignment issues, and a comment seems to make the editor crash.

3. Why are icons not showing?

Unfortunately, some fonts use the same class name which causes problems. Starting at the top of the list, deactivate fonts until the missing icons appear.

4. Have you changed the fonts in any way?

No. The original fonts and stylesheets have not been changed. Non-essential files from the downloads have been removed, licenses were added when missing, and some minimized stylesheets were created with Refresh SF.

5. Will more fonts be added later?

Certainly! Please post a request in the forum if you want a particular font.

6. Which fonts have a stylesheet for the Bootstrap framework?

Openweb and Open Iconic.

7. Which fonts have a stylesheet for the Foundation framework?

Open Iconic.

8. Are icons hidden from assistive technology?

Yes. Each icon has an aria-hidden="true" and role="presentation" attribute.

9. Does the plugin change the editor?

Yes. The plugin adds a star button to the toolbar, and it allows elements to use the above attributes.

10. Will icons still appear without the plugin?

No. The plugin must be active to load the font stylesheets, and it stops the editor from removing the above attributes when a post is edited.

11. Can icons be added to widgets or menus?

No. An update will add icon buttons for widgets and menus.

使用者評論

2016 年 9 月 3 日
Easy to implement and add icons to content. It was also well built and easy to include other icon fonts that I needed to use for a client. My only query is how often the icon sets get updated - I manually updated the Font Awesome files to include the latest version of their icons.
閱讀全部 2 則使用者評論

參與者及開發者

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

參與者

將〈Icon Fonts〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

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

變更記錄

1.0.0

  • First release