主題介紹：

國人原創(chuàng)復(fù)古三欄wordpress博客主題：Teahouse 來自 老趙 的原創(chuàng)wordpress博客主題，三欄設(shè)計，灰色調(diào)，主題的名字叫：Teahouse，中文意思是茶館，當(dāng)初命名的原因是為了給人一種懷舊情懷，主題適合做個人博客，重點是寫作和閱讀。基本功能包括。Html5+Css3、響應(yīng)式設(shè)計、Retina設(shè)計、內(nèi)置FontAwesome字體圖標(biāo)、內(nèi)置Icomoon自定義字體圖標(biāo)、加載進度條、閱讀進度條、Ajax文章喜歡按鈕、Ajax評論回復(fù)…
基本結(jié)構(gòu)包括。文章類型有三種：標(biāo)準(zhǔn)、狀態(tài)、相冊。頁面類型有三種：默認、留言、存檔。分欄方式有三種：兩欄、三欄、四欄。小工具區(qū)域有三種：底部隱藏區(qū)、左邊隱藏區(qū)，右邊顯示區(qū)。菜單區(qū)域有兩個：LOGO下面的主菜單、LOGO右邊的自定義菜單。

主題使用

1.由于主題使用了寬屏設(shè)計，所以文章特色圖的尺寸最好大一點，建議寬度不要低于1000像素，否則就會顯示模糊，有失檔次。對于從哪里找到漂亮的配圖，我推薦unsplash。

2.怎么設(shè)計自定義菜單，其實很簡單。首先你創(chuàng)建好自定義菜單，然后準(zhǔn)備好菜單列表，接著在主題的目錄里includes/fonts/Loops /有一張圖片為fonts.jpg，上面有每個字母所代表的字體圖標(biāo)。在“導(dǎo)航標(biāo)簽”處填入對應(yīng)的字母，在“標(biāo)題屬性”填入你想顯示的Tip文字即可。假 如上面沒有你想要的字體圖標(biāo)，你也可以到Icomoon自定義下載。

3.怎么創(chuàng)建音樂播放器，我這里所用到的音樂播放器是Wordpress3.8版本后自帶的，首先寫文章時選擇類型為“標(biāo)準(zhǔn)”，然后勾選“顯示選 項”里面的“自定義欄目”，在出現(xiàn)的“自定義欄目”里，點擊“輸入新欄目”，名稱區(qū)域填入“music”，值區(qū)域輸入音樂的mp3路徑即可。建議創(chuàng)建播放 器時最后添加特色圖，否則界面很單調(diào)。對于哪里可以得到音樂外鏈，我推薦“七牛云”或者“百度開發(fā)者中心”。

4.怎么創(chuàng)建相冊文章，首先寫文章時選擇類型為“相冊”，然后勾選“顯示選項”里面的“相冊設(shè)置”，點擊“添加圖片”創(chuàng)建即可。

5.主題有三個小工具區(qū)域，每個區(qū)域都是假如為空時，區(qū)域是隱藏的。舉個例子，假如右邊的小工具區(qū)域里沒有小工具區(qū)域時，區(qū)域就會消失，文章區(qū)域就會變得很寬。左邊的小工具區(qū)域沒有小工具時，你便無法打開側(cè)邊欄。

6.主題包含一個叫SimpTip.css的功能，鼠標(biāo)經(jīng)過自定義菜單時彈出的Tip就是它來實現(xiàn)的，你也可以用它來自定義各種彈出Tip，具體操作可參考插件官網(wǎng)。

7.主題包含一個螢火背景，它是通過html5的畫布功能實現(xiàn)的，為了照顧手機的加載速度，默認在移動設(shè)備時是不加載的，若果你不想顯示它，可以在includes/js/Plugins.js里刪除circle_bg字段下的對應(yīng)代碼即可。

8.文章的Ajax喜歡按鈕是需要另外安裝插件的，插件來自zilla-likes，不過我插件經(jīng)過修改才適合和主題顯示，所以插件就在主題的zilla-likes目錄里。

9.其它插件的兼容性，除了測試過“多說評論插件”沒問題外，其它均為測試，目測都不會有什么大問題。

10.對于左邊隱藏的小工具區(qū)域，假如已經(jīng)放置了新浪微博掛件，就不要放置其它小工具，否則會造成界面混亂。

11.后臺那里上傳Logo時，下面有一個選項叫“l(fā)ogo retina”，假如logo是一般大小就選中“不啟用”；假如logo做到兩倍大小就選中“啟用”。

主題截圖：