wordpress 后台菜单使用 dashicons 字体图标 -云顶国际

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

关于 dashicons

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

查看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类
	);

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

# 更多技巧,请关注「专题」

         
网站地图