如何在自定义帖子类型UI菜单图标区域添加字体真棒图标?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在自定义帖子类型UI菜单图标区域添加字体真棒图标?相关的知识,希望对你有一定的参考价值。
如果你可以将这些文件粘贴到functions.php和style.css中,并且知道查看wordpress给出的body类的自定义post类型类
要将Word Awesome用于WordPress自定义帖子类型,您需要编写一些CSS:只需定位一个CPT菜单项(检查WordPress管理侧栏以找到正确的CSS ID),如下所示:
#adminmenu #menu-posts-custom_post_type_name .wp-menu-image:before {
content: "f135"; //find this by clicking on the individual icon on Font
Awesome's site.
font-family: 'FontAwesome' !important;
font-size: 18px !important;
}
接下来,使用admin_head钩子将这些样式添加到WordPress管理员:
function namespaced_admin_styles_function() {
echo '<link href="/link/to/admin-styles.css" rel="stylesheet">';
}
add_action('admin_head', 'namespaced_admin_styles_function');
......然后你就跑了!嗯,不太好。您仍然需要将Font Awesome样式表添加到WordPress管理员和站点的前端。幸运的是,你可以用一块石头杀死两只鸟:
function FontAwesome_icons() {
echo '<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">';
}
add_action('admin_head', 'FontAwesome_icons');
add_action('wp_head', 'FontAwesome_icons');
参考来自:qazxsw poi
在自定义帖子类型插件中,您无法添加字体真棒图标。您必须使用dashicon类名或图标图像URL。
参考。对于dashicon类 - https://cnpagency.com/blog/3-ways-to-use-icon-fonts-in-your-wordpress-theme-admin/
您可以从不同的网站下载图标并使用它。参考。 - https://developer.wordpress.org/resource/dashicons/。
我希望它对你有用。
你可以http://www.flaticon.com/packs/font-awesome字体真棒图标作为png和上传wordpress并写上面的完整网址download ...
图标大小必须是20px ...
或者您可以使用http://www.example.com/wp-content/uploads/2014/11/your-cpt-icon.png
.it自动支持dashicons。
看看这张图片qazxsw poi
希望这会对你有所帮助......
在你的帖子类型数组添加字体真棒类如下:
dashicon
然后在functions.php中添加这些钩子
http://dev.savivatechnologies.com/hpa/wp-content/uploads/2017/07/dashicon.png
并在管理文档中添加字体真棒:
array(
'menu_icon' => 'dashicons-fa fa-book', /* the icon for the custom post type menu. uses built-in dashicons (CSS class name) */
);
以上是关于如何在自定义帖子类型UI菜单图标区域添加字体真棒图标?的主要内容,如果未能解决你的问题,请参考以下文章