Dashicons 是 WordPress 官方出的用于后台的图标字体,可以用于 WordPress 后台的各个地方,当然也可以用在 WordPreess 前台,但是你事先要加载相关的 CSS。
add_action( 'wp_enqueue_scripts', function() {
wp_enqueue_style( 'dashicons' );
});
下面讲讲如何在 WordPress 后台各个地方如何使用 Dashicons
register_post_type()
中使用:
add_action( 'init', function() {
register_post_type( 'acme_product',
array(
'label' => 'Products',
'public' => true,
'has_archive' => true,
'menu_icon' => 'dashicons-products',
)
);
});
add_menu_page()
中使用:
function wpjam_add_my_custom_menu() {
// Add an item to the menu.
add_menu_page(
'My Page',
'My Title',
'manage_options',
'my-page',
'my_admin_page_function',
'dashicons-admin-media'
);
}
CSS/HTML 中使用:
用两种用法:
dashicons-before class:
<p class="dashicons-before dashicons-smiley">笑脸
dashicons class:
<span class="dashicons dashicons-smiley"></span>笑脸