add_menu_page('主题设置', '主题设置', 'administrator', 'theme_options_menu', 'theme_settings_admin', 'dashicons-admin-appearance');
我们在开发 WordPress 主题时,会经常遇到使用 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 自带官方字体图标集可以自行查阅,点击图标会弹出属性代码,复制放入自己的项目就可以了。
section
section
section
section
section
section
section
section
section
section
section
section
section
section
section
section
section
section
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!