我想您是想向仪表板添加自定义图标?随着wordpress到3.8的最新更新,仪表板图标发生了变化。它们现在实际上是一种字体。这实际上很酷,因为字体可以很容易地用css改变颜色,而且大小也很灵敏。
首先,我将告诉您如何使用MP6团队(最新仪表板的开发人员)创建的预构建仪表板图标添加自定义图标。前往http://melchoyce.github.io/dashicons/ 查看所有当前可用的DashIcon。如果要对当前菜单项进行更改,这是执行此操作的功能。将此添加到主题的功能中。php文件或自定义插件。这将更改“帖子”菜单的默认图标:
function custom_post_css() {
echo "<style type=\'text/css\' media=\'screen\'>
#adminmenu .menu-icon-post div.wp-menu-image:before {
content: \'\\\\f337\'; // this is where you enter the dashicon font code
}
</style>";
}
add_action(\'admin_head\', \'custom_post_css\');
如果要为自定义帖子类型添加图标,则大致相同,只需稍加调整:
function cptname_custom_css() {
echo "<style type=\'text/css\' media=\'screen\'>
#adminmenu .menu-icon-cptname div.wp-menu-image:before {
content: \'\\\\f337\'; // this is where you enter the dashicon font code
}
</style>";
}
add_action(\'admin_head\', \'cptname_custom_css\');
在“cptname”中插入自定义帖子类型名称。现在是转折点。我们必须向自定义的post类型css添加一个类。为此,我们只需向自定义的post类型注册挂钩添加一行代码:
\'menu_icon\' => \'\',
所以我们的整个注册挂钩看起来是这样的:
$args = array(
\'labels\' => $labels,
\'menu_icon\' => \'\',
\'public\' => true,
\'publicly_queryable\' => true,
\'show_ui\' => true,
\'show_in_menu\' => true,
\'query_var\' => true,
\'rewrite\' => true,
\'capability_type\' => \'post\',
\'has_archive\' => true,
\'hierarchical\' => false,
\'menu_position\' => null,
\'supports\' => array(\'title\', \'editor\', \'thumbnail\')
);
register_post_type(\'cptname\',$args);
}
现在,如果你想使用字体很棒的图标,我们只需要将它们上传到我们的主题中。下载字体并将CSS和字体文件放在当前主题的相应文件夹中。然后,我们需要向主题函数添加更多代码。php文件或自定义插件:
function my_custom_fonts() {
<style>
@font-face {
font-family: FontAwesome;
src: url(/path-to-font-folder/fontawesome-webfont.woff);
}
</style>
}
add_action(\'admin-init\', \'my_custom_fonts\');
现在我们使用上面的代码有选择地选择新图标。这将再次使用FontAwesome图标集更改“帖子”菜单图标:
function custom_post_css() {
echo "<style type=\'text/css\' media=\'screen\'>
#adminmenu .menu-icon-post div.wp-menu-image:before {
font-family: FontAwesome !important;
content: \'\\\\fa-apple\'; // this is where you enter the dashicon font code
}
</style>";
}
add_action(\'admin_head\', \'custom_post_css\');
希望这对你有帮助。我还没有真正使用字体很棒的图标,但已经在自定义我的仪表板图标了。我很喜欢最新的仪表板大修,但有一个学习曲线。
刚刚做了一个编辑:我在这里尝试了一些东西,并在我自己的网站上使用了字体很棒的图标:
将此添加到您的函数中。php或插件:
function font_admin_init() {
wp_enqueue_style(\'font-awesome\', \'http://netdna.bootstrapcdn.com/fontawesome/3.1.1/css/font-awesome.css\');
}
add_action(\'admin_init\', \'font_admin_init\');
然后添加此选项以选择实际图标:
function custom_post_css() {
echo "<style type=\'text/css\' media=\'screen\'>
#adminmenu .menu-icon-post div.wp-menu-image:before {
font-family: FontAwesome !important;
content: \'\\\\f0f2\'; // this is where you enter the fontaweseom font code
}
</style>";
}
add_action(\'admin_head\', \'custom_post_css\');
您可以在css文件中找到列出的代码。