【wordpress】文章编辑器添加中文字体

需求场景:

WordPress自带的文章编辑器TinyMCE,默认字体选项只有十几个英文选项,但作为一个中文站点,千篇一律的字体样式容易使人审视疲劳,所以添加几个常用的中文字体在所难免。

♥给wordpress文章编辑器添加中文字体:

事实上想让文章以特定的中文字体显示,很简单,文本编辑器中直接添加代码即可:

<span style="font-family: 华文新魏;">******</span>

不过每次添加是很麻烦的,阔以把样式添加到后台编辑器的工具栏里。代码如下:

①、首先自然定义字体样式的变量:

function custum_fontfamily($initArray){ 
 $initArray['font_formats'] = "微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆';"; 
 return $initArray; 
} 
add_filter('tiny_mce_before_init', 'custum_fontfamily'); 

②、再把其添加到可视化编辑器的工具栏中:

function enable_more_buttons($buttons) { 
$buttons[] = 'styleselect'; 
$buttons[] = 'fontselect'; 
return $buttons; 
} 
add_filter("mce_buttons_3", "enable_more_buttons"); 
注意·思考

默认wordpress的字体工具中罗列着十几个英文的字体,我们阔以直接在主题目录下的的functions.php文件中定义函数及添加即可,但是你会发现,添加的字体按钮并不会和默认自带的合并,而是有两个字体工具按钮。所以大嘴并没有这么做,而是选择找到默认的配置代码,进行修改。

♥我找到了它,在站点目录下的wp-includes/js/tinymce/tinymce.min.js文件中,检索fontselect,并把需要添加的字体样式,如华文新魏等,添加到此代码处:

e.addButton("<fontselect>",function(){var t="<华文新魏='华文新魏';华文楷体='华文楷体';华文行楷='华文行楷';微软雅黑='微软雅黑';宋体='宋体';黑体='黑体';仿宋='仿宋';楷体='楷体';隶书='隶书';幼圆='幼圆'>;Andale Mono=andale mono,monospace;Arial=arial,helvetica,sans-serif;Arial Black=arial black,sans-serif;Book Antiqua=book antiqua,palatino,serif;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier,monospace
;Georgia=georgia,palatino,serif;Helvetica=helvetica,arial,sans-serif;Impact=impact,sans-serif;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco,monospace;Times
 New Roman=times new roman,times,serif;Trebuchet MS=trebuchet ms,geneva,sans-serif;Verdana=verdana,geneva,sans-serif;Webdings=webdings;Wingdings=wingdings,zapf dingbats;"
注意·思考

这样添加后,每次更新wp,都需要更改一次哦,或是每次更新后都删除此段代码,然后在functions.php统一定义这个字体工具的按钮,也阔以重新定义这个变量,顶替默认配置的变量,有兴趣阔以尝试一下,阔以的记得留言哦。

当然,并不是所有的字体,都可以添加的,这取决客户浏览时的计算机系统中是否包含这种字体,所以放些常用的中文字体即可。


(好的,今天就分享到这里,如果您有高见或好的分享,记得留言哦!)


原创文章,转载请注明:转自于公牛博客

本文链接地址:【wordpress】文章编辑器添加中文字体

标签:
2
如果你喜欢就扫一扫吧.金额不限
  • 请尽情挥洒您的笔墨!

    欢迎来到公牛博客更多分享更多精彩记录美丽点亮生活

    公牛博客·统计碑运行:1454 D
    博文:169 P
    评论:452 S