文字圖飾教學

文字圖飾…目前在網路上沒有一個統一的説法，有的說是文字加蠟筆畫….
本文所使用到物外掛為AddQuicktag

效果如下:

這是中文測試

這是中文測試之二啦!!!!

這是中文測試之三啦!!!!

這是中文測試之四啦!!!!

這是中文測試啦!!!!

這是中文測試啦!!!!

這是中文測試啦!!!!

這是中文測試啦!!!!

---

 

1.請下載圖檔

underline.7z 下載解壓後，請將圖檔上傳至你的wordpress的佈景主題底下

例如:我所使用的佈景主題是 twentyten ,那麼我就要放到這個資料夾底下
wordpress根目錄/wp-content/themes/twentyten

2.編輯 style.css

幾乎每個佈景主題都有此檔 style.css ，在此檔的最後面貼上底下的程式碼

.entry-content .underline_yelbig{
text-decoration: none;
background: url(underline_yelbig.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.entry-content .underline_yellow{
text-decoration: none;
background: url(underline_yellow.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}

.entry-content .underline_blue{
text-decoration: none;
background: url(underline_blue.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}

.entry-content .underline_green{
text-decoration: none;
background: url(underline_green.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.entry-content .underline_pink{
text-decoration: none;
background: url(underline_pink.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.entry-content .underline_red{
text-decoration: none;
background: url(underline_red.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.entry-content .underline_pur{
text-decoration: none;
background: url(underline_pur.gif) repeat-x 120% 100%;
padding:0 3px;
padding-bottom: 3px;
}
.entry-content .cyc{
text-decoration: none;
white-space: nowrap;
line-height:22px;
padding:4px 2px 2px 2px;
letter-spacing:0px;
background:white url(underline_cyc.gif) repeat-x bottom;
}

 

3.效果測試

試著發表一篇文章，用以下的語法

 這是中文測試

測沒問題之後，我們再進行下一步。由於每次使用此效果時都要打那麼長的語法，太麻熕了，所以我們需要另一個外掛工具來幫忙。

 

4.下載 AddQuicktag

下載這個wp外掛安裝之後，再下載我設定好的設定檔匯入即可，我的設定檔內除了 underline 的設定之外，還設定了其它的東西你若用不到的話，可自行刪除。

 

[note]參考資料: 花水木SOHO玩樂誌、馬丁の映像攝區、壹壹零朵花開了[/note]