【WordPress相关】WordPress 教程：在 WordPress 后台如何使用 Dashicons

作品分类：Wordpress相关  后台  如何使用  笑脸  如何使用  后台  教程  WordPress  Dashicons

WordPress 教程：在 WordPress 后台如何使用 Dashicons,

Dashicons 是 WordPress 官方出的用于后台的图标字体，可以用于 WordPress 后台的各个地方，当然也可以用在 WordPreess 前台，但是你事先要加载相关的 CSS。

add_action( 'wp_enqueue_scripts', functiоn() {
    wp_enqueue_style( 'dashicons' );
});

下面讲讲如何在 WordPress 后台各个地方如何使用 Dashicons

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

[block]0[/block] 中使用：

add_action( 'init', functiоn() {
    register_post_type( 'acme_product',
        array(
            'label' => 'Products',
            'public'      => true,
            'has_archive' => true,
            'menu_icon'   => 'dashicons-products',
        )
    );
});

[block]1[/block] 中使用：

functiоn 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_functiоn',
        'dashicons-admin-media'
    );
}

CSS/HTML 中使用：

用两种用法：

dashicons-before class：

<p class="dashicons-before dashicons-smiley">笑脸

dashicons class：

<span class="dashicons dashicons-smiley"></span>笑脸

本站推荐使用的主机：，国外主机建议使用。