个性化阅读
专注于IT技术分析

如何在WordPress meta框中使用破折号或图标?

如何在dash meta框中使用破折号?我想做类似于”发布于”旁边”发布”元框中的日历图标的操作。

我毫不费力地将它们用作自定义帖子类型的图标, 并在仪表板上的”概览”中使用它们。

这就是我在做什么:

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

这是我的结果:

如何在WordPress meta框中使用破折号或图标?1

我试图掩盖无效的dashicon样式。我在任何地方都找不到关于破折号如何与WordPress一起使用的好的文档。


#1


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

看来你需要手动添加字体:400 20px / 1破折号;以及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;
}
赞(0)
未经允许不得转载:srcmini » 如何在WordPress meta框中使用破折号或图标?

评论 抢沙发

评论前必须登录!