WPJAM Basic 功能详细介绍：Dashicons

Dashicons 是 WordPress 官方出的图标字体，可以用于 WordPress 各个地方来展示一些图标。

为了方便插件或者主题开发者方便选择 Dashicons，WPJAM Basic 插件集成了 Dashicons 功能，在后台罗列出所有的 Dashicons 以及每个 Dashicon 的名称和 HTML 代码。

Dashicon列表

点击 Dashicon 列表，首先看到的按照分类显示的所有 Dashicons 列表：

Dashicon 详情

点击某个 Dashicon，就会显示大图，和其名称，对应的的 HTML 代码：

这个功能比较简单，主要是面向 WordPress 开发者，使用他可以大大减少查找 Dashicons 的时间，还是帮助非常大的。

找到了 Dashicon，怎么使用呢？下面讲讲如何在 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>笑脸

长按下面二维码关注「WordPress果酱」

⏬⏬下载和使用请点击阅读原文