WordPress tinyMCE 編輯器字號選擇由 pt 更改為 px (3.9 版本可用)

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，切內容裡面原先以逗號分隔改成以空格分隔。