由于众所周知的原因,WordPress后台的字体还是千年不变的宋体,简直非常难看!本文教你如何将后台字体改为微软雅黑(当然也可以是其它你喜欢的字体)……
题外话:我发现最近真是越来越喜欢微软雅黑字体呢~ :)
先来一张效果图!
我们点击后台左侧的“外观”,选择“编辑”,然后在右侧找到“模板函数 function.php”,在里面添加如下代码并保存即可。
- // 更改后台字体
- function Bing_admin_lettering(){
- echo'<style type="text/css">
- * { font-family: "Microsoft YaHei" !important; }
- i, .ab-icon, .mce-close, i.mce-i-aligncenter, i.mce-i-alignjustify, i.mce-i-alignleft, i.mce-i-alignright, i.mce-i-blockquote, i.mce-i-bold, i.mce-i-bullist, i.mce-i-charmap, i.mce-i-forecolor, i.mce-i-fullscreen, i.mce-i-help, i.mce-i-hr, i.mce-i-indent, i.mce-i-italic, i.mce-i-link, i.mce-i-ltr, i.mce-i-numlist, i.mce-i-outdent, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-redo, i.mce-i-removeformat, i.mce-i-spellchecker, i.mce-i-strikethrough, i.mce-i-underline, i.mce-i-undo, i.mce-i-unlink, i.mce-i-wp-media-library, i.mce-i-wp_adv, i.mce-i-wp_fullscreen, i.mce-i-wp_help, i.mce-i-wp_more, i.mce-i-wp_page, .qt-fullscreen, .star-rating .star { font-family: dashicons !important; }
- .mce-ico { font-family: tinymce, Arial !important; }
- .fa { font-family: FontAwesome !important; }
- .genericon { font-family: "Genericons" !important; }
- .appearance_page_scte-theme-editor #wpbody *, .ace_editor * { font-family: Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace !important; }
- .post-type-post #advanced-sortables, .post-type-post #autopaging .description { display: none !important; }
- .form-field input, .form-field textarea { width: inherit; border-width: 0; }
- </style>';
- }
- add_action('admin_head', 'Bing_admin_lettering');
2016-12-6更新
上述代码是从网上找来的,经过测试,在新的wordpress上并不完全适用,会把后台的图标字体也变为微软雅黑,这就导致一部分图标无法正常显示了……于是我又干脆自己重新写了一个,经测试在wordpress 4.7中可以完美将所有后台字体变为微软雅黑而又没有副作用!
代码(使用方法和原来的一样)如下:
- /**
- * wordpress后台字体更改
- * @模块描述 将wordpress后台界面的字体由宋体改为微软雅黑
- * @模块作者 mengkun
- * @作者链接 https://mkblog.cn/
- * @模块版本 1.0
- */
- function mk_admin_font(){
- echo '
- <style type="text/css">
- body, /*修改页面大部分的字体*/
- #wpadminbar *, /*修改顶部菜单栏字体*/
- .media-frame, .media-modal, .media-frame input[type=text], /*以下全是修改媒体库界面的字体*/
- .media-frame input[type=password], .media-frame input[type=number],
- .media-frame input[type=search], .media-frame input[type=email],
- .media-frame input[type=url], .media-frame select, .media-frame textarea
- { font-family: "Microsoft YaHei"; } /*这里不限于微软雅黑,可以是任意你喜欢的字体*/
- </style>
- ';
- }
- add_action('admin_head', 'mk_admin_font');
本文作者为mengkun,转载请注明。
不会字体侵权吗?[aru_4]
不行啊 添加代码后如图 查看图片
@皮皮豪要在 function.php 的
前面添加