: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 [...]