從Sco 5.0佈景釋出後,有人問到阿湯側邊欄的Tab分頁,是怎麼自訂獨立圖示的,看起來比一般同色按鈕較能識別,這其實只要改點CSS就可以,阿湯趁這2天花了點時間,將這個Tab效果,改編寫成Wordpress外掛「Tabs」,讓大家用看看,相信還是有不少人想改這種Tab效果,但對於修改源碼不太了解,不妨就試看看吧。

00

WordPress外掛「Tabs」小檔案:

作者網站:https://steachs.com
作者:阿湯
版本:1.0
外掛下載:請點我

WordPress外掛「Tabs」使用教學:

下載外掛解壓縮後,利用FTP軟體上傳到WP外掛資料夾「wp-content/plugins」裡。

01

再到WP後台「外掛」頁裡,找到Tabs「啟用」。

02

啟用後在設定裡會多一個「Tab選單設定」,上方阿湯已經寫上基本操作方法,如果你有用過阿湯的佈景,這邊設定應該是架輕就熟,圖示設定的部份我們下面再來介紹。

03

再到佈景主題→模組裡,將「Tabs」拖曳到要放置的Widget位置,輸入標題按「儲存」。

04

就可以到首頁看看側邊欄囉,基本的圖示就是像這樣子,往下來看看怎麼自訂圖示。

05

將製作好的圖示上傳到Tabs的images資料夾裡,建議圖示小於32px*32px,如果比較深色的圖示建議也請弄半透明淺色。

06

再到後台的圖示欄位,填上你的檔名,比如facebook.gif。

07

再回到側邊欄看,OK,圖示就獨立囉。

08

注意事項:

  1. 如果側邊欄小於230px,可能因為太窄字會擠在一起,但如果還是想要用,可以將字數改少一點,改到適合為止。
  2. 這是最初版的程式碼,有些地方寫的不太優,請大家測試後有出現什麼錯誤請留言回報,感謝。

Categorized in:

WordPress,

Last Update: 2011 年 01 月 21 日