當前位置: 首頁 > 技術文章, 沃普類斯 > 正文

AddQuicktag使用方式紀錄

眼尖的人應該看到了一些蠟筆效果

刪除線1
刪除線2
重點圈圈
底線

是這幾天實驗AddQuicktag這個外掛的結果

因為網路上找到的資料實在太不詳細和齊全了
加上寡人的悟性實在不高,因此有紀錄的必要
留給網路上的朋友作查詢參考…

基本上安裝了這個外掛之後,還需要去調整樣板內的style.css的語法
怎麼安裝外掛是常識,如果不會裝的人,那就甭問了,先去學怎麼裝WP外掛吧

再來請參考刪除線的css語法範例,添加於style.css檔案中
請確認你用的佈景主題,像我用的是 IAMWW佈景主題
wp-content/themes/IAMWW這個資料夾中找到style.css
並且去更改它,新增類似以下的語法:


.post .del_r{
text-decoration: none;
background: url(la_red.gif) center repeat-x;
padding:4px 2px 2px 0px;
}

圓圈圈語法也是差不多,就視情況調整即可

.post .cyc{
text-decoration: none;
white-space: nowrap;
line-height:22px;
padding:4px 0px 2px 5px;
letter-spacing:0px;
background:white url(c_r11.gif) repeat-x bottom;
}

該蠟筆刪除線與員圈圈檔案la.red.gif,c_r11.gif
請和style.css放置同一目錄,可以自行去網路尋找,或是留言和我索取

而後進入AddQuicktag外掛設定處
按鈕名稱*:為編輯器顯示的按鈕名稱
Title Attribute:移動到該按鈕的提示文字
開始標籤*:請加入<span class="class名稱">
結束標籤:請加入< /span>

而該class名稱要和style.css中預先定義好的樣式類別一樣
例如del_r或是cyc
如此一來就可以在編輯器的地方輕鬆為文字加入一些重點標示的效果
如果不懂,再發問看看吧~~

本文固定鏈結: http://blueghost.net/blog/archives/1432 | blueghost's blog

按此">
該日誌由 blueghost 於2010年10月31日發表在 技術文章, 沃普類斯 分類下, 你可以發表評論,並在保留原文位址及作者的情況下引用到你的網站或博客。
原創文章轉載請注明: AddQuicktag使用方式紀錄 | blueghost's blog
關鍵字: