:idea: update: 以下方法適用於wordpress 2.0以前的版本，2.1以後，系統已經有內建好用的編輯器，不過原則上，只用quicktag來發文，這方法一樣適用
最近這兩天，我是卯起來寫簡易教學了，希望發功完畢可以幫助世人，太難的我不會，我只會這種簡單的把戲
大學同學Sophie最近也在架起自己的Blog，在使用wordpress的過程中，它發現了一件事，所以問我的作法是什麼?
她說:
我在文章後台的所見即所得編輯器找不到調整字體的功能(只有粗斜體)，也改變不了字體的顏色，看你的的 Blog除了有這些差別外，文字甚至還有底線、還有畫圈，請問這個要怎麼完成啊?
Sophie所說得問題我可以了解，也曾經在前幾篇文章裡面討論過類似的作法，像我這樣對Html苦手的人，對wordpress提供的所見即所得編輯器大大的不滿意，更新到2.0.5版後，好像所見即所得並沒有差別:P，而找的到wordpress類似編輯後台的插件，又常常不符需求而且開啟又花時間，所以我用的是笨方法，也就是修改wp-includes/js/quicktag.js這個檔案，直接把我要的功能加進去，這樣一來，文章的編輯後台就會多了一個小按鈕，要改字體顏色、大小或是加什麼底線之類的，都可以採取這個作法。
以不同字體大小與顏色為例:
在quicktag.js裡面加進這一句
edButtons[edButtons.length] =
new edButton('ed_font'
,'f'
,''
,''
,'f'
);
功效就是文章後台裡點選『f』這個按鈕，跟其他tag功能一樣，就可以直接把這段碼加進你要的文字裡面，再用你記得的顏色替換預設的”red”，大小替換”+1″就可以啦，當然你也可以視情況自行修改你要的預設值，
而至於把文字加入底線或是加上小紅圈的作法也很簡單
先透過這篇分享來把你的圖片以及css加到你到網站裡面，接著
edButtons[edButtons.length] =
new edButton('ed_line'
,'line'
,''
,''
,'line'
);
cyc以及hl依你的CSS而定，因為我把這底線圖跟圓點圖在css設定成cyc跟hl，在發表文章時特定文字選擇「line」標籤來加上底線，就是這樣
圖片來源與CSS作法請參照Royboy所寫的教學，直接補充於下方
圖片格式:
.cyc {
line-height:22px;
padding:4px 2px 2px 0;
letter-spacing:6px;
background:white url(圖檔路徑) repeat-x bottom
}
圖片格式:
.hl{
line-height:22px; padding:4px 2px 2px 0px;
letter-spacing:2px;
background:url(圖檔路徑) repeat-x bottom
}
將這兩段CSS加進你原本的css，而cyc,hl為自訂的class名稱，如有需要請自行修改。
update:
追加超連結自己開啟新視窗的方式
找到
edButtons[i].tagStart = ‘’;
改成
edButtons[i].tagStart = ‘’;
唔～好棒的教學！
一定要筆記起來，不然我放blog的養樂多好像快撐不住了 囧
快來吧，快來吧…(招手召喚中 :worship: )
測試一下
這個文字加底線的效果,實在是可愛又實用啊~
好像在編輯器中預覽不會出現,一直以為是沒設定好..
這個文字加底線的效果,實在是可愛又實用啊~
好像在編輯器中預覽不會出現,一直以為是沒設定好..
我都是用非所見即所得編輯器耶
我都是用非所見即所得編輯器耶