WPJAM Basic 功能详细介绍:Dashicons

科技9个月前发布 iowen
88 0 0

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果酱」


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

© 版权声明

相关文章

暂无评论

暂无评论...