WordPress文章编辑器修改

使用Wordpress程序建网站的站长都有这样的体会,就是wordpress网站发布文章时,后台默认文章编辑功能按钮太少了,只有一些常用的功能按钮。

1、纯代码增强Wordpress文章编辑器功能按钮

增加的功能有:字体设置功能、字号大小设置功能、文本格式设置功能,复制、粘贴按钮功能,撤销功能,插入特殊字符功能等等。纯代码增强Wordpress文章编辑器功能按钮的方法很简单,只需要将下面的代码,复制粘贴到自己使用模板的模板函数functions.php中即可。

//增强编辑器开始
function add_editor_buttons($buttons) {
$buttons[] = 'fontselect';
$buttons[] = 'fontsizeselect';
$buttons[] = 'backcolor';
$buttons[] = 'underline';
$buttons[] = 'hr';
$buttons[] = 'sub';
$buttons[] = 'sup';
$buttons[] = 'cut';
$buttons[] = 'copy';
$buttons[] = 'paste';
$buttons[] = 'cleanup';
$buttons[] = 'wp_page';
$buttons[] = 'newdocument';
return $buttons;
}
add_filter("mce_buttons_3", "add_editor_buttons");
//增强编辑器结束

 

2、为wordpress编辑器增加中文字体

WordPress自带的TinyMCE编辑器,对于一般的文字编辑已足够了,但还是有童鞋希望它功能更多,所以诞生了各种编辑器增强插件,其实不用插件也可以为默认编辑器增加各种功能,比如之前写的为WordPress默认编辑器TinyMCE增加额外的按钮,下面的方法可以为编辑器增加选择中文字体功能。

WordPress文章编辑器修改 网站建设教程 第1张

 

//增加中文字体开始
function custum_fontfamily($initArray){  
   $initArray['font_formats'] = "微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';";  
   return $initArray;  
}  
add_filter('tiny_mce_before_init', 'custum_fontfamily');
//增加中文字体结束

 

3、修改wordpress编辑器默认字体Georgia

找到:/wp-includes/js/tinymce/skins/wordpress/wp-content.css

之后找到:

body {
  font-family: Georgia,

替换为:

body {
  font-family: 微软雅黑,

然后返回你的后台,刷新一下编辑器看看效果,我的编辑器现在默认的字体就是微软雅黑,如果没有生效,确认一下你的缓存,若开启CDN缓存,需要到CDN控制台刷新缓存,之后再等待一会儿应该就能看到效果了,同时建议清除一下浏览器的缓存。