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

Font Awesome Menus

外掛說明

STOP! Before using this older version of the plugin, check out the new Font Awesome 4 Menus for WordPress!

Seriously…
Seriously – we’re not supporting this anymore. If you’re starting fresh, use our new plugin (above). If you’re upgrading, make sure you make note of the differences between the old i class codes and the new ones. Any issues that were found in this plugin have been addressed in the new version, and we’ve added a ton of new functionality too!

Go to the new Font Awesome 4 Menus for WordPress

Back to the old plugin notes…

Add Font Awesome icons to your WordPress menus without touching a single line of code! With this plugin, just add icon-(icon name) as a class to your menu and the plugin will put that icon into your menu before the text!

With Font Awesome Menus, you have access to the old Font Awesome 3.2 library throughout your site. With the included shortcode, you can also add icons to pages, posts, custom post types, widgets – anywhere you want them!

In your menus…

Want to add a home icon to the “home” link on your menu? Just add:

icon-home

as a class in your menu and the icon will be inserted before the text.

In your posts/pages

Want that home icon to show up in a post or page or custom post type? Use the shortcode:

[icon name=icon-home]

and voila!

In your theme

Because Font Awesome is available throughout your site, use it in other parts of your theme too! Want that home icon hardcoded into your footer? Here you go:

<i class="icon-home"></i>

It’s all there, baby

You can also use any and all of the code options and styles on the Font Awesome website. See more examples at http://fontawesome.io/examples/

安裝方式

Use the WordPress installer; or, download and unzip the files and put the folder font-awesome-menus into the /wp-content/plugins/ directory.

Then, activate the plugin through the ‘Plugins’ menu in WordPress.

To add icons to your menus, simply add the icon name (eg, icon-home) as a CSS Class on your menu item. Use the shortcodes in posts and pages, or use the icon class anywhere on your site!

常見問題集

Will this plugin be updated?

NO!!!! Go to the new Font Awesome 4 Menus for WordPress for the latest version.

Why didn’t you just update this plugin rather than issue a new one?

Font Awesome changed its code from using icon-(whatever) to fa-(whatever). If we automatically updated this plugin with the new code, all of the sites using the old one would break. And that’s just rude.

How to I add an icon to my menu?

Go to Appearance -> Menus, select which menu item to which you want to add the icon, and add the icon class under ‘CSS Classes (optional)’. (eg, to add the home icon to your ‘Home’ link, enter “icon-home” (without quotes) as a class.) Save your menu and voila!

Why don’t I see an option to add classes?

Under Appearance -> Menus, click ‘Screen Options’ (top right of screen) and make sure that ‘CSS Classes’ is checked. If not – check it!

Can I hide the text and just show the icons for my menu?

Yes. Font Awesome menus adds a space between the icon and the text, and wraps that portion in a span with a class of “fontawesome-text”. To hide the text and just show the icon, you can put .fontawesome-text {display: none;} in your stylesheet.

You can see this in action at our responsive site (http://www.newnine.com) where the mobile and smaller tablet versions only show the icons, but the text then appears on larger displays.

Will this bloat or slow down my WordPress?

No. The plugin only makes one option entry in your database which means it won’t bloat your installation.

On your site, Font Awesome will load two stylesheets – the minified CSS (19kb) and the minified CSS for IE7 (30kb, in a conditional statement) – and the fonts. We use it on mobile-first responsive sites (and our own site) all the time without any noticeable performance drag.

What happens to my menus if I deactivate/uninstall this?

Your site will be fine. Where you used Font Awesome menus, those menu items will just have an additional class (icon-whatever) that you can erase or ignore (or style differently).

Only one setting is saved in your database, and that is removed if you uninstall the plugin. No bloat here!

使用者評論

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

參與者及開發者

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

參與者

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

對開發相關資訊感興趣?

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