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,切内容里面原先以逗号分隔改成以空格分隔。