为wordpress编辑器增加中文字体

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

为wordpress编辑器增加中文字体

中文字体

将如下代码加到当前主题的 functions.php 模板文件中:

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

WordPress默认TinyMCE编辑器并没有选择字体功能,所以还需要把下面代码也一同加到 functions.php 模板文件中:

  1. function enable_more_buttons($buttons) {
  2. $buttons[] = 'styleselect';
  3. $buttons[] = 'fontselect';
  4. return $buttons;
  5. }
  6. add_filter("mce_buttons""enable_more_buttons");

适用于WordPress 4.0,之前版本未试。

添加更多按钮功能参阅:为WordPress默认编辑器TinyMCE增加额外的按钮

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:40   其中:访客  33   博主  6   引用   1

    • avatar 女儿爸 来自天朝的朋友 Internet Explorer Windows XP 广东省佛山市 百度网讯科技电信节点 1

      不错,支持鸟哥,几乎每天一访问你的网站。

        • avatar 消灭星星 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省苏州市 百度网讯科技电信节点 3

          @女儿爸 学习了,感谢分享。
          我觉得写的挺好的,这个必须支持啊~

        • avatar 女儿爸 来自天朝的朋友 Internet Explorer Windows XP 广东省佛山市 百度网讯科技电信节点 1

          鸟哥,你这篇文章中的虚线框是怎么实现的呢?

          • avatar 萝卜头 来自天朝的朋友 谷歌浏览器 Windows 7 广东省佛山市 百度网讯科技电信节点 2

            鸟哥,最近发现后台总是有评论,评论内容牛头不对马嘴,而且很多都是同一个昵称发的,标记为垃圾评论过连天有来评,有办法解决没?

              • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows 7 广东省佛山市 百度网讯科技电信节点

                @萝卜头 参阅:http://zmingcx.com/hotnews-anti-spam-tips.html

              • avatar 网赚巴巴 来自天朝的朋友 火狐浏览器 Windows 7 陕西省西安市 百度网讯科技西安电信互联网数据中心节点 2

                鸟哥,辛苦了,你的主题哪都有见

                • avatar 淡忘~浅思 来自天朝的朋友 火狐浏览器 Windows 7 广东省佛山市 百度网讯科技电信节点 3

                  11月第一天 祝博主111小光棍节快乐

                  • avatar gggg 来自天朝的朋友 谷歌浏览器 Windows XP 辽宁省沈阳市 联通 0

                    小光棍节快乐

                    • avatar 香港服务器 来自天朝的朋友 火狐浏览器 Windows 7 重庆市 电信 3

                      为wordpress编辑器增加中文字体,这个必须支持,相信很多博客在更新文章的时候都没有这个功能吧。

                      独立ip主机终身3.8折,转发活动的送wifi额。。。。。。。

                      • avatar 笑话精选 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省南京市 (江宁经济开发区)电信 6

                        很好的方法支持 鸟哥

                        • avatar 两天 来自天朝的朋友 谷歌浏览器 Windows 8.1 山东省临沂市 移动 6

                          鸟哥辛苦了

                          • avatar 女儿爸 来自天朝的朋友 谷歌浏览器 Windows XP 江西省新余市 电信 2

                            鸟哥,主题在360浏览器下的字体跟在ie浏览器下的字体有点不一样,ie中更好看下,这是什么原因呢?有没有方法让360浏览器跟在ie下是一样的呢?

                            • avatar 矿工测评网 来自天朝的朋友 Internet Explorer Windows XP 广东省佛山市 百度网讯科技电信节点 1

                              我想问下加在哪个位置

                              • avatar calonye 来自天朝的朋友 谷歌浏览器 Windows 7 山东省济南市 百度网讯科技联通节点 1

                                鸟哥,这个教程适用于现在的4.0版本吗?因为我尝试了一下好像没起作用。可否指教一下~~?是两段都必须加,还是只要添加下面那一段就可以生效了?跟以往的增强代码只是“function enable_more_buttons($buttons) {“及”add_filter(“mce_buttons”, “enable_more_buttons”);“不同而已吗?

                                  • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows XP 河北省邢台市 百度网讯科技联通节点

                                    @calonye 代码没有任何问题,使用说明也很明确

                                      • avatar calonye 来自天朝的朋友 Netscape Navigator iPad OS 8_1 like Mac OS X) AppleWebKit 河南省郑州市 百度网讯科技联通节点 1

                                        @知更鸟 那真奇怪,我用你的这段代码一改,就直接崩掉了。。

                                    • avatar 工夫茶道研究网 来自天朝的朋友 谷歌浏览器  HUAWEI MT2-L02 Build/HuaweiMT2-L02) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/30.0.0.0 Mobile Safari/537.36 山东省济南市 百度网讯科技联通节点 3

                                      如果能像微软word一样可以加注拼音就更好了!

                                      • avatar 深圳做网站公司 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信 0

                                        鸟哥,用了你上面的代码之后只能增加你提供的这个几个字体了.怎么保证系统自带的又有,你提供的又有呢

                                          • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows XP 辽宁省沈阳市 联通

                                            @深圳做网站公司 把程序默认字体名称抄下来,按这种写法 Arial Black=’Arial Black’; 加到文中代码中

                                          • avatar 时光在路上 United Kingdom 谷歌浏览器 Windows 8.1 英国 3

                                            添加第二段代码时候直接崩溃了,连godaddy 账户设置都打不开了,返回信息:

                                            Fatal error: Cannot redeclare enable_more_buttons() (previously declared in /home/content/p3pnexwpnas04_data01/13/2326013/html/wp-content/themes/Ality/functions.php:14) in /home/content/p3pnexwpnas04_data01/13/2326013/html/wp-content/themes/Ality/functions.php on line 317

                                              • avatar 来自天朝的朋友 谷歌浏览器 Windows 7 浙江省宁波市 电信 0

                                                @时光在路上 你解决了吗。我也遇到和你一样的情况 请问需要如何解决

                                                  • avatar 时光在路上 来自天朝的朋友 谷歌浏览器 Windows 7 河北省石家庄市 移动 3

                                                    @ 博主的主题只需要添加第一段代码

                                                • avatar dff 来自天朝的朋友 Safari浏览器 iPhone iPhone OS 5_1 like Mac OS X) AppleWebKit 福建省泉州市 联通 0

                                                  dddffffgtdd哈哈哈

                                                  • avatar 知道 来自天朝的朋友 谷歌浏览器 Windows 8.1 山东省潍坊市 联通 1

                                                    鸟哥,貌似按你的操作中文字体添加不了,而且还会出现乱码

                                                    • avatar 深圳做网站公司 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 天威视讯 1

                                                      鸟哥,这个增加字体的方法有一个不好的地方,下拉选择字体的时候没有了滚动条.请问怎么解决呢,非常感谢鸟哥.

                                                      • avatar 天下 来自天朝的朋友 火狐浏览器 Windows XP 湖北省十堰市 电信 2

                                                        请问能不能给编辑器添加批量上传图片功能

                                                          • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows XP 辽宁省沈阳市 移动

                                                            @天下 WP本身就可以批量上传

                                                          • avatar 天下 来自天朝的朋友 火狐浏览器 Windows XP 湖北省十堰市 电信 2

                                                            请问能不能增加上传按钮

                                                              • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows XP 辽宁省沈阳市 移动

                                                                @天下 WP本身就有上传按钮

                                                              • avatar calonye 来自天朝的朋友 谷歌浏览器 Windows 8.1 福建省厦门市 电信 1

                                                                感谢您的分享,请问能否支持现在新的版本呢?找到好多个都不生效;

                                                                • avatar 胖哥 来自天朝的朋友 Internet Explorer Windows 8.1 上海市 电信 0

                                                                  怎么设置默认的字体呢?

                                                                  • avatar BOKE123 来自天朝的朋友 谷歌浏览器 Windows XP 广西南宁市 电信 5

                                                                    这个我还真没有试过,平时都是直接默认字体的

                                                                    • avatar 阿里书籍 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省南京市 电信 6

                                                                      嗯 确实是很好的方法

                                                                      • avatar 不如嚼袜子 来自天朝的朋友 谷歌浏览器 Windows 7 浙江省宁波市 电信 0

                                                                        太棒了,博主的方法亲测有效,知识我不知道该添加哪些字体比较好

                                                                        • avatar nsking.cn 来自天朝的朋友 谷歌浏览器 Windows 8.1 甘肃省平凉市 电信 0

                                                                          鸟哥。。。这些代码加入functions.php中。。。。直接打不开了。。删掉就OK。。。主题是你的Ality

                                                                            • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows 7 辽宁省沈阳市 电信

                                                                              @nsking.cn Ality主题只需要添加第一段代码

                                                                            • avatar 走趣网 来自天朝的朋友 谷歌浏览器 Windows 7 山西省太原市 电信 3

                                                                              试试看

                                                                              • avatar 走趣网 来自天朝的朋友 谷歌浏览器 Windows 7 山西省太原市 电信 3

                                                                                怎么更改全部文章为宋体呢

                                                                                • avatar wangc 来自天朝的朋友 谷歌浏览器 Windows 7 北京市朝阳区 联通 0

                                                                                  鸟叔 为什么 幼圆字体不显示呢?

                                                                                • 来自外部的引用: 1

                                                                                  • WordPress 编辑器 增加中文字体 TinyMCE Advanced 插件 | 落格 – logcg.com