很多朋友是直接使用TinyMCE Advanced plugin插件來實現WordPress編輯器增強可視化功能了,但本文章介紹的是直接修改源碼來實現,具體如下.

有個客戶反應wordpress的編輯器沒有字體以及字號的設置,WordPress默認的編輯器并沒有字體以及字號等的設置,那么怎么讓編輯器可以直接設置字體以及字號等呢？那么很簡單,既然沒有這個功能,再加上不就好了么？

修改當前所用主題下的functions.php，在最后一行?>之前,加入下面的代碼:

1. //增強編輯器開始 
2. function add_editor_buttons($buttons) { 
3. $buttons[] = 'fontselect'; 
4. $buttons[] = 'fontsizeselect'; 
5. $buttons[] = 'backcolor'; 
6. $buttons[] = 'underline'; 
7. $buttons[] = 'hr'; 
8. $buttons[] = 'sub'; 
9. $buttons[] = 'sup'; 
10. $buttons[] = 'cut'; 
11. $buttons[] = 'copy'; 
12. $buttons[] = 'paste'; 
13. $buttons[] = 'cleanup'; 
14. $buttons[] = 'wp_page'; 
15. $buttons[] = 'newdocument'; 
16. return $buttons; 
17. } 
18. add_filter("mce_buttons_3", "add_editor_buttons"); 
19. //開源軟件:Vevb.com 
20. //增強編輯器結束 

保存修改后的functions.php并上傳到主題目錄覆蓋以后,再看看可視化編輯器的變化.

引申閱讀:如仍覺得可視化編輯器的按鈕不夠用,或者沒有自己想要用的按鈕,仍可以繼續添加,方法是把代碼中 “$buttons[] =” 后面單引號內的單詞換成下面括號里列出的Key代碼就可以了.

wordpress編輯器按鈕調用的Key代碼:

1. 剪切（cut）
2. 復制（copy） 
3. 粘貼（paste） 
4. 撤銷（undo） 
5. 重做（redo） 
6. 居中（justifycenter） 
7. 加粗（bold） 
8. 斜體（italic） 
9. 左對齊（justifyleft） 
10. 右對齊（justfyright） 
11. 兩端對齊（justfyfull） 
12. 插入超鏈接（link） 
13. 取消超鏈接（unlink） 
14. 插入圖片（image） 
15. 清除格式（removeformat） 
16. 下劃線（underline） 
17. 刪除線（strikethrough） 
18. 錨文本（anchor） 
19. 新建文本（newdocument） 
20. 字體顏色（forecolor） 
21. 字體背景色（backcolor） 
22. 格式選擇（formmatselect） 
23. 字體選擇（fontselect） 
24. 字號選擇（fontsizeselect） 
25. 樣式選擇（styleselect） 
26. 無序列表（bullist） 
27. 編號列表（numlist） 
28. 減少縮進（outdent） 
29. 縮進（indent） 
30. 幫助（wp_help） 
31. 打開HTML代碼編輯器（code） 
32. 水平線（hr） 
33. 清除冗余代碼（cleanup） 
34. 上標（sub） 
35. 下標（sup） 
36. 特殊符號（charmap） 
37. 插入more標簽（wp_more） 
38. 插入分頁標簽（wp_page） 
39. 隱藏按鈕顯示開關（wp_adv） 
40. 隱藏按鈕區起始部分（wp_adv_start） 
41. 隱藏按鈕區結束部分（wp_adv_end） 
42. 拼寫檢查（spellchecker） 

最后:不善于編輯文件直接改代碼的同學,建議使用code snippets這款插件來管理functions.php的代碼片段.

注意:Update:,登錄后臺,點擊右邊的用戶選項,然后點擊你博客發表文章所用的用戶名,在你的檔案和個人設置項里,勾選可視化編輯選項,可愛的“可視化編輯器”按紐出現了,呵呵.