如何在WordPress元框中使用dashicons或图标？

Question

如何让dashicons在WordPress元框中工作？我想做一些类似于“已发布”旁边的“发布”元框中的日历图标。

我毫不费力地将它们用作自定义帖子类型的图标和仪表板上的“一目了然”。

这就是我在做的事情：

#time_control_area #expire:before {
    content: "\f235";
    top: -1px;
}

这是我的结果：

我试图将没有效果的dashicons样式设置为enque。关于dashicons如何使用WordPress，我找不到好的文档。

Answer 1

检查我的某个网站的后端，显示WP默认图标的每个:before标记的样式似乎都被硬编码到wp-admin\load-styles.php。

您似乎需要手动将font: 400 20px/1 dashicons;和其他一些规则添加到您的css中才能使其正常运行。或者，您可以尝试应用WP使用菜单项的其中一个类。

我看到WP-default图标的完整css：

#post-body #visibility:before, #post-body .misc-pub-revisions:before, 
.curtime #timestamp:before {
   font: 400 20px/1 dashicons;
   speak: none;
   display: inline-block;
   padding: 0 2px 0 0;
   top: 0;
   left: -1px;
   position: relative;
   vertical-align: top;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-decoration: none!important;
}