WordPress 后台菜单使用 Dashicons 字体图标

WordPress 3.8 以后,后台的管理菜单就使用了 Dashicons 字体图标,作为主题或插件开发者,也应该与时俱进。

关于 Dashicons

Dashicons 是一个开源的字体图标项目,目前托管于 GitHub,目前主要用于 WordPress 后台,当然, 你也可以在自己的主题或插件中使用。

查看Dashicons 字体图标:https://developer.wordpress.org/resource/dashicons/

如何使用?

在自定义文章类型中使用 Dashicons

如果我们使用 ‘dashicons-images-alt2’ 作为菜单的图标,那么相关代码就应该如下:

register_post_type('slides',
	array(
		'labels' => array(
			'name' => 'Slides',
			'singular_name' => 'Slide'
			),
		'public' => true,
		'has_archive' => true,
		'menu_icon' => 'dashicons-images-alt2'
		)
	);

在插件顶级菜单中使用 Dashicons

你还可以在创建插件菜单时使用 Dashicons ,比如下面使用 add_menu_page() 函数添加一个顶级菜单:

add_menu_page( 
	'Menu Page Title',
	'Menu Title',
	'manage_options',
	'menu-slug',
	'mytheme_menu_callback',
	'dashicons-wordpress' // Dashicon 图标的CSS类
	);

上面的两种代码应该算是比较常用的,其余的位置应该很少会用到了。