天生新的Dashicon，可以借助一个网站 – Glyphter（https://glyphter.com）。网站本身就供应了一些图标给你添加，这些图标都是开源的，可以免费利用，个中就包含了Font Awesome以及浩瀚其他有名的图标库：
利用方法也很大略，打开网站，从右侧直接拖图标到左侧的格子中。你也可以点击左侧空缺的赤色格子，从本地电脑里选择svg格式的图片上传。图中前四个图标是网站供应的，后三个图标是我本地上传的：
点击左上角的齿轮图标，设定Font Name和Class Prefix，这里的Class Prefix必须填写“dashicons-”，这是由于在WordPress后台调用图标的时候，一些后台接口参数中系统只会把“dashicons-”前缀的样式认作图标。
依次选定每个图标，在左侧的设置栏中填写每个图标的Class Name，每个图标对应一个不同的Class Name。建议要检讨下WordPress现有的dashicon库，不要填写已有的名字。在这里你可能已经创造了：我上传的这个svg图片原来是蓝色的，这个网站会自动去掉颜色值，显示为白色。那是由于接下来要导出的图标文件是一个字体库，只须要矢量的字体轮廓信息即可，这个网站会帮你自动去除颜色信息。
图标准备完成后，点击上面的保存按钮，就可以直接下载。当然如果你注册了账号并登录，这个网站可以保存你自定义的图标库以便多次利用修正。为了简化解释，我这里选择Just Download。
下载完毕后，在自己的主题目录下新建一个“dashicons”目录，然后把下载的文件解压到这个目录下，把稳css文件的位置后面要用到。
打开css文件，修正圈出来的几行：
改为：
.dashicons-calculator:before,.dashicons-camara:before,.dashicons-thumb:before,.dashicons-key:before,.dashicons-cfg:before,.dashicons-ble:before,.dashicons-flight:before{display: inline-block;font-family: 'icn jennystudio'!important;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
这个修正的意义是限定这些自定义图标加载下载的字体文件，如果不做这个修正，系统原来的dashicons会显示不出来。
打开主题的function.php文件，添加如下代码，把稳检讨上传的icn-jennystudio.css文件路径必须精确
function brain1981_add_customized_dashicons() {wp_register_style('my_plugin_name_dashicons', get_template_directory_uri().'/dashicons/css/icn-jennystudio.css');wp_enqueue_style('my_plugin_name_dashicons');}//在网站前台加载图标字体add_filter( 'wp_head', 'brain1981_add_customized_dashicons' );//在网站后台加载图标字体add_action( 'admin_print_styles', 'brain1981_add_customized_dashicons' );
自此，准备事情已经完成，下面举例如何调用这些图标。
给自定义文章类型指定图标举例：
//注册自定义类型productregister_post_type('product', array('label' => 'Product','public' => true,'show_ui' => true,'show_in_menu' => true,'capability_type' => 'post',....'menu_icon' => 'dashicons-cfg', //这里便是我指定的图标));
效果如下
自定义的管理页面，比如自己开拓的插件或主题的设定页面
add_action('admin_menu', 'options_admin_menu_b');function options_admin_menu_b(){//把稳末了的参数名称为自定义的图标add_menu_page('My Plugin Settings', 'My Plugin Name', 'administrator', 'my-plugin-slug', 'my_plugin_settings_page', 'dashicons-key');}
总结：本文紧张是依赖Glyphter这个网站天生了图标字体文件，并在WordPress站点追加引用这个字体，从而实现添加自定义dashicon的目的。Glyphter是个很不错的赞助工具，当然如果你有其他更好用的SVG转字体工具，也可以作为替代，本文只是抛砖引玉，记录一下自定义dashicon的思路。
