WordPress自带字体图标的使用方法

teelm
teelm
teelm
277
文章
37
评论
2021年3月9日09:42:57 1 1,139 443字阅读1分28秒

WordPress自带了一堆的字体图标,后台可以直接调用:

浏览地址:https://developer.wordpress.org/resource/dashicons

如果要在前台使用,需要在插件或者主题代码中添加如下函数:

function get_dashicons(){
    wp_enqueue_style( 'dashicons' );
}
add_action( 'wp_enqueue_scripts', 'get_dashicons' );

让WordPress在前台也加载这个样式,如果是后台,可直接使用。

选择自己喜欢的图标,点击复制css或者html就能调用了

WordPress自带字体图标的使用方法

如果要在后台菜单中添加图标,可以直接复制名称使用

WordPress自带字体图标的使用方法

例如添加菜单的代码中的最后一个参数,填入名称即可

add_menu_page('主题设置', '主题设置', 'administrator', 'theme_options_menu', 'theme_settings_admin', 'dashicons-admin-appearance');
  • 微信公众号
  • 扫码关注微信公众号
  • weinxin
  • 微信小程序
  • 扫码打开我的微信小程序
  • weinxin
teelm
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:1   其中:访客  0   博主  1
    • teelm teelm

      不是为了战斗而活着,而是为了活着而战斗。