查看全文：http://www.ibloger.net/article/7.html
隨着 WordPress 3.8 版本重新設計的後臺，WordPress 還引入了一套全新的字體圖標 Dashicons.
Dashicons 是專門爲 WordPress 設計的字體圖標，主要是爲了迎合新的後臺管理界面設計。
可以看到，從側邊導航菜單到 Admin Bar，再到文章編輯器，都大量的使用了 Dashicons 字體圖標，而且很漂亮。
WordPress 使用 Dashicons 字體圖標來美化後臺管理界面，你也可以把它應用到主題或插件裏，包括前臺界面和後臺界面。
Dashicons 圖標大全
在正式開始之前，我們首先來看一下 Dashicons 到底支持多少圖標。
在 WordPress 官網的 Dashicons 主頁可以看到全部的圖標，而且可以獲取到它的 CSS 代碼、Html 代碼和 Glyph.
在後臺側邊菜單使用
後臺的側邊菜單可以說是 Dashicons 圖標最常使用的地方了，當你在側邊菜單創建一個頂級菜單時，你就可以給這個菜單設置一個小圖標，這個小圖標可以是自定義的圖片，還可以直接使用 Dashicons 字體圖標。
例如下圖：
後臺的側邊菜單可以說是 Dashicons 圖標最常使用的地方了，當你在側邊菜單創建一個頂級菜單時，你就可以給這個菜單設置一個小圖標，這個小圖標可以是自定義的圖片，還可以直接使用 Dashicons 字體圖標。
例如下圖：
add_menu_page(
'菜單頁面標題',
'菜單標題',
'manage_options',
'menu-slug',
'mytheme_menu_callback',
'dashicons-awards'//Dashicon 圖標的 CSS 類
);更多你可以瞭解 add_menu_page() 函數的用法，第六個參數可以直接填入 Dashicons 圖標的 CSS 類。
圖標的 CSS 類可以在 Dashicons 主頁裏獲取，在網頁下邊點擊要使用的圖標，就可以在上方看到圖標的 CSS 類了。
不只是 add_menu_page() 函數，在其它可以設置頂級菜單圖標的地方都可以直接填入 Dashicons 圖標的 CSS 類，比如自定義文章類型：
register_post_type( 'my_post_type_name', array(
'menu_icon' => 'dashicons-awards'//Dashicon 圖標的 CSS 類
) );剩下只需要在需要的地方刪帖這段 Html 代碼即可調用圖標。
CSS 調用
還有另一種情況，我們無法直接修改 Html 代碼，但是能添加 CSS 代碼，這時就要用 CSS 代碼來調用圖標。
在 CSS 中，圖標是需要使用 :before 和 :after 兩個僞類來實現的調用的。
和上邊一樣，去Dashicons 主頁來選擇要使用的圖標，接着點擊上方大圖標旁邊 “Copy CSS”，複製彈出來的窗口裏邊的 CSS 代碼。
然後把複製的 CSS 代碼應用到實際中，例子：
.example-icon:before {
font-family: 'dashicons';/* 因爲是字體圖標，所以當然要指定字體，這是必須的代碼 */
content: "f100";/* 這就是你複製下來的代碼 */
/* 你自己還可以根據實際情況額外設置比如 font-size、display、line-height、color 和 margin 等 CSS 屬性 */
}在前臺使用
這麼好看的圖標如果只在後臺使用就太浪費了，其實在前臺也是照樣可以使用的。
在前臺使用的思路和剛纔介紹的 “在後臺使用” 是一樣的，都是利用 Html 代碼或 CSS 代碼調用。
唯一的不同在於，因爲 Dashicons 圖標需要一個 CSS 文件的支持，而默認後臺是自動引入的，但前臺沒有引入。
所以，在前臺使用 Dashicons 圖標之前需要先引入 Dashicons 字體圖標的 CSS 文件。
引用的方法很簡單，只需要打開主題的 functions.php（瞭解更多） 文件，然後在裏邊添加下邊的代碼：
/**
*引入 Dashicons 圖標的 CSS 文件
*http://www.endskin.com/dashicons/
*/
function Bing_enqueue_dashicons(){
wp_enqueue_style( 'dashicons' );
}
add_action( 'wp_enqueue_scripts', 'Bing_enqueue_dashicons' );接下來是使用 Html 調用還是 CSS 調用就要看你自己的情況了。