就像Font Aweome 4一样,您可以将样式排列在主题中,以便在管理页面上生效。这允许您获得所需的样式,以便使用字体很棒的图标。只需根据需要为版本5更新您的函数。
下面是一个如何将字体可怕样式排队的示例:
function fontawesome_dashboard() {
wp_enqueue_style(\'fontawesome\', \'https://use.fontawesome.com/releases/v5.8.1/css/all.css\', \'\', \'5.8.1\', \'all\');
}
add_action(\'admin_init\', \'fontawesome_dashboard\');
此外,您还需要添加替代样式,以将WordPress短划线图标替换为字体很棒的图标。
下面是一个如何覆盖默认破折号图标的示例:
function fontawesome_icon_dashboard() {
echo \'<style type="text/css" media="screen">
icon16.icon-media:before, #adminmenu .menu-icon-media div.wp-menu-image:before {
font-family: "Font Awesome 5 Free" !important;
content: "\\\\f03e";
font-style:normal;
font-weight:400;
}
</style>\';
}
add_action(\'admin_head\', \'fontawesome_icon_dashboard\');
请注意
font-family
更改Font Aewome 5所需的内容,但更具体地说,请注意
font-weight
这是特定图标所需的。更清楚地说,您可以在
Font Awesome cheat sheet 图标分为实体、常规和品牌三部分。实心图标和普通图标都使用相同的字体系列,但是您需要为这两种图标类型指定不同的权重。固体用途
font-weight: 900
和常规用途
font-weight: 400
. 没有这些你的字体可怕的5图标将无法工作。
以下是使用实心图标替代自定义帖子类型的示例:
function fontawesome_icon_dashboard() {
echo \'<style type="text/css" media="screen">
icon16.icon-media:before, #adminmenu .menu-icon-media div.wp-menu-image:before {
font-family: "Font Awesome 5 Free" !important;
content: "\\\\f03e";
font-style:normal;
font-weight:400;
}
icon16.icon-media:before, #adminmenu .menu-icon-cars div.wp-menu-image:before {
font-family: "Font Awesome 5 Free" !important;
content: "\\\\f1b9";
font-style:normal;
font-weight:900;
}
</style>\';
}
add_action(\'admin_head\', \'fontawesome_icon_dashboard\');
在上面的示例中,自定义的post类型是Cars,这为破折号图标提供了
menu-icon-cars
它被
content: "\\\\f1b9"
.