主題介紹：

1.這款wordpress主題的名字叫：Teahouse，中文意思是茶館，當(dāng)初命名的原因是為了給人一種懷舊情懷，主題適合做個(gè)人博客，重點(diǎn)是寫(xiě)作和閱讀。

2.基本功能包括。Html5+Css3、相應(yīng)式設(shè)計(jì)、Retina設(shè)計(jì)、內(nèi)置FontAwesome字體圖標(biāo)、內(nèi)置Icomoon自定義字體圖標(biāo)、加載進(jìn)度條、Ajax文章喜歡按鈕、Ajax評(píng)論回復(fù)...

3.基本結(jié)構(gòu)包括。文章類(lèi)型有三種：標(biāo)準(zhǔn)、狀態(tài)、相冊(cè)。頁(yè)面類(lèi)型有三種：默認(rèn)、留言、存檔。分欄方式有三種：兩欄、三欄、四欄。小工具區(qū)域有三種：底部隱藏區(qū)、左邊隱藏區(qū)，右邊顯示區(qū)。

菜單區(qū)域有兩個(gè)：LOGO下面的主菜單、LOGO右邊的自定義菜單。

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

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

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

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

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

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

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

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

9.其它插件的兼容性，除了測(cè)試過(guò)“多說(shuō)評(píng)論插件”沒(méi)問(wèn)題外，其它均為測(cè)試，目測(cè)都不會(huì)有什么大問(wèn)題。

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

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

12. 因?yàn)榭紤]到文章的特色圖較大，所以增加了利用自定義欄目的方式插入外鏈圖片，節(jié)省空間之余還可以優(yōu)化加載速度。這個(gè)和插入音樂(lè)外鏈同一做法，首先寫(xiě)文章時(shí) 選擇類(lèi)型為“標(biāo)準(zhǔn)”，然后勾選“顯示選項(xiàng)”里面的“自定義欄目”，在出現(xiàn)的“自定義欄目”里，點(diǎn)擊“輸入新欄目”，名稱(chēng)區(qū)域填入“picture”，值區(qū) 域輸入圖片的路徑即可。假如你同時(shí)使用了外鏈特色圖和wordpress特色圖的話，會(huì)優(yōu)先顯示外鏈特色圖的。

主題截圖：