add_menu_page('主题设置', '主题设置', 'administrator', 'theme_options_menu', 'theme_settings_admin', 'dashicons-admin-appearance');
Products
GG网络技术分享 2025-03-18 16:05 0
我们在开发 时，会经常遇到使用 WordPress 自带图标的情况，可以直接调用也是非常方便。WordPress 管理后台使用，在 WordPress 管理后台菜单中添加图标，可以直接复制名称使用。例如，添加菜单代码中最后一个参数，填入使用图标名称即可：
add_menu_page('主题设置', '主题设置', 'administrator', 'theme_options_menu', 'theme_settings_admin', 'dashicons-admin-appearance');WordPress 网页前台使用，需要在或者主题代码中添加如下函数，让 WordPress 前台也加载 dashicons 样式，然后主题就可以直接使用。
function get_dashicons(){wp_enqueue_style( 'dashicons' );
}
add_action( 'wp_enqueue_scripts', 'get_dashicons' );
前端调用
h2 class="dashicons-before dashicons-smiley">A Cheerful Headline/h2>
li class="dashicons dashicons-menu-alt">span>menu (alt)/span>/li>
其中 H2 标签里的 Class 属性 dashicons dashicons-menu-alt 就是图表名称代码，是不是很简单，下面我们就给出 WordPress 自带官方字体图标集可以自行查阅，点击图标会弹出属性代码，复制放入自己的项目就可以了。
Demand feedback