Dashicons 是 WordPress 官方出的用于后台的图标字体，可以用于 WordPress 的各个地方，也可以用在 WordPreess 前台，但是你事先要加载相关的 CSS。
代码语言：javascript复制add_action( 'wp_enqueue_scripts', function() {
wp_enqueue_style( 'dashicons' );
});下面讲讲如何在 WordPress 各个地方如何使用 Dashicons
register_post_type() 中使用：
注册文章类型的时候，如果要自定义文章类型在后台左侧菜单的图标，可以指定 menu_icon 的参数为 dashicons：
add_action( 'init', function() {
register_post_type( 'acme_product',
array(
'label' => 'Products',
'public' => true,
'has_archive' => true,
'menu_icon' => 'dashicons-products',
)
);
});add_menu_page() 中使用：
自定义后台页面的时候，也可以指定第六个图标的参数为 dashicons：
代码语言：javascript复制function wpjam_add_my_custom_menu(){
add_menu_page(
'My Page',
'My Title',
'manage_options',
'my-page',
'my_admin_page_function',
'dashicons-admin-media'
);
}CSS/HTML 中使用：
也可以直接使用 Dashicons，用两种用法：
应用到现有标签，使用 dashicons-before class：
代码语言：javascript复制<p class="dashicons-before dashicons-smiley">笑脸</p>使用独立的标签，使用 dashicons class：
代码语言：javascript复制<span class="dashicons dashicons-smiley"></span>笑脸所有 Dashicons 图标：
那么到底有哪些 Dashicons 图标呢？为了方便插件或者主题开发者方便选择 Dashicons，WPJAM Basic 插件集成了 Dashicons 功能，在后台罗列出所有的 Dashicons 以及每个 Dashicon 的名称和 HTML 代码。
点击「WPJAM」菜单下的「 Dashicon」子菜单，首先看到的按照分类显示的所有 Dashicons 列表：
点击某个 Dashicon，就会显示大图，和其名称，对应的的 HTML 代码：
