为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主题购买
avatar
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 女儿爸 1

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

        • avatar 消灭星星 3

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

        • avatar 女儿爸 1

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

          • avatar 萝卜头 2

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

              • avatar 知更鸟 Admin

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

              • avatar 网赚巴巴 2

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

                • avatar 淡忘~浅思 3

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

                  • avatar gggg 0

                    小光棍节快乐

                    • avatar 香港服务器 3

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

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

                      • avatar 笑话精选 5

                        很好的方法支持 鸟哥

                        • avatar 两天 6

                          鸟哥辛苦了

                          • avatar 女儿爸 2

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

                            • avatar 矿工测评网 1

                              我想问下加在哪个位置

                              • avatar calonye 1

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

                                  • avatar 知更鸟 Admin

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

                                      • avatar calonye 1

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

                                    • avatar 工夫茶道研究网 3

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

                                      • avatar 深圳做网站公司 0

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

                                          • avatar 知更鸟 Admin

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

                                          • avatar 时光在路上 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 0

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

                                              • avatar dff 0

                                                dddffffgtdd哈哈哈

                                                • avatar 知道 1

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

                                                  • avatar 深圳做网站公司 1

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

                                                    • avatar 天下 1

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

                                                      • avatar 天下 1

                                                        请问能不能增加上传按钮

                                                        • avatar calonye 1

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

                                                          • avatar 胖哥 0

                                                            怎么设置默认的字体呢?

                                                            • avatar BOKE123 5

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

                                                              • avatar 阿里书籍 5

                                                                嗯 确实是很好的方法

                                                                • avatar 不如嚼袜子 0

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

                                                                  • avatar nsking.cn 0

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

                                                                    • avatar 走趣网 3

                                                                      试试看

                                                                      • avatar 走趣网 3

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

                                                                        • avatar wangc 0

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

                                                                        • 来自外部的引用: 1

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