wordpress tinyMCE编辑器字号选择由pt更改为px (3.9版本可用)

fontsizeselect

wordpress默认的tinymce编辑器,功能比较少,常用的字体选择、字体大小选择等等按钮都没有显示,需要自己弄出来。

关于如何给wordpress的tinymce编辑器增加按钮,,请参考:wordpress功能集成(九):给wp默认编辑器增加按钮

在你的主题的fucntions.php文件中添加以下代码,,你的编辑器中就会增加一些按钮。
  1. //tinymce add bottom
  2. function add_more_buttons($buttons) {
  3. $buttons[] = 'hr';
  4. $buttons[] = 'del';
  5. $buttons[] = 'sub';
  6. $buttons[] = 'sup';
  7. $buttons[] = 'fontselect';
  8. $buttons[] = 'fontsizeselect';
  9. $buttons[] = 'cleanup';
  10. $buttons[] = 'styleselect';
  11. $buttons[] = 'wp_page';
  12. $buttons[] = 'anchor';
  13. $buttons[] = 'backcolor';
  14. return $buttons;
  15. }
  16. add_filter("mce_buttons_3""add_more_buttons");

不过本教程的主题并不是如何添加按钮,而是在你添加了按钮之后发现,字号选择,也就是fontsizeselect里面的字体大小居然都是用pt做单位的,个人感觉好别扭。

所以,N久以前,阿树就找到了将pt更改为px的代码。
如下:在主题的functions.php中添加以下代码(对3.9以下版本适用),即可将pt更改为px:

  1. function customize_text_sizes($initArray){
  2.    $initArray['theme_advanced_font_sizes'] = "12px,13px,14px,15px,16px,17px,18px,19px,20px,21px,22px,23px,24px,25px,26px,27px,28px,29px,30px,32px,48px";
  3.    return $initArray;
  4. }
  5. add_filter('tiny_mce_before_init', 'customize_text_sizes');

不过前不久升级了3.9版本以后,阿树在写主题的过程中发现本代码上面的代码在3.9版本下无效。

所以经过研究,使用以下代码可在3.9版本中使用。(ps:以下代码在3.9以前的版本有没有用,阿树就不知道了,因为阿树已经用新版本了)

  1. function customize_text_sizes($initArray){
  2.    $initArray['fontsize_formats'] = "12px 13px 14px 15px 16px 17px 18px 19px 20px 21px 22px 23px 24px 25px 26px 27px 28px 29px 30px 32px 34px 36px 38px 42px 44px 46px 48px";
  3.    return $initArray;
  4. }
  5. add_filter('tiny_mce_before_init', 'customize_text_sizes');

将theme_advanced_font_sizes更改成fontsize_formats,切内容里面原先以逗号分隔改成以空格分隔。

 

 

本篇教程之前的几篇教程是

本篇教程之后的几篇教程是

没有找到你要找的内容?你可以通过搜索你要找的内容,或者给我们留言。

已有3条评论

  1. p2p
    p2p : 回复

    不用那么麻烦吧,
    更改下tinymcy的配置
    selector: “textarea”,
    fontsize_formats: “8pt 10pt 12pt 14pt 18pt 24pt 36pt”,
    plugins: [
    “advlist autolink lists link image charmap print preview anchor”,
    “searchreplace visualblocks code fullscreen”,
    “insertdatetime media table contextmenu paste”
    ],
    toolbar: “insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | fontselect | fontsizesele

  2. 阿喵
    阿喵 : 回复

    我用了一种最原始的方法,去include文件夹里,改了那个js,把pt改成px….

  3. fengqiwuc
    fengqiwuc : 回复

    树哥,看了你的教程受益匪浅哦,

    现在有个问题,就是如何能做成那种留言图像能本地上传,或者说注册会员以后能自己上传头像呢?

    期待回复哦。            

发表评论