wordpress主題:博客全屏主題teahouse分享

wordpress主題:博客全屏主題teahouse分享

2014-07-14 博客主題 瘋狂的大叔
謝謝主題作者的分享,覺得不錯就點個贊吧!下載這款主題的用戶還查看了以下主題:
12 26,129
也想出現在這里?聯系我們
  • 文章介紹
  • 升級版本
  • 評價&建議

主題簡介

1.主題的名字叫:Teahouse,中文意思是茶館,當初命名的原因是為了給人一種懷舊情懷,主題適合做個人博客,重點是寫作和閱讀。

2.基本功能包括。Html5+Css3、相應式設計、Retina設計、內置FontAwesome字體圖標、內置Icomoon自定義字體圖標、加載進度條、Ajax文章喜歡按鈕、Ajax評論回復...

3.基本結構包括。文章類型有三種:標準、狀態、相冊。頁面類型有三種:默認、留言、存檔。分欄方式有三種:兩欄、三欄、四欄。小工具區域有三種:底部隱藏區、左邊隱藏區,右邊顯示區。菜單區域有兩個:LOGO下面的主菜單、LOGO右邊的自定義菜單。

主題預覽

preview

主題使用

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

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

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

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

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

6.主題包含一個叫 SimpTip.css 的功能,鼠標經過自定義菜單時彈出的Tip就是它來實現的,你也可以用它來自定義各種彈出Tip,具體操作可參考插件官網。

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

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

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

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

11.后臺那里上傳Logo時,下面有一個選項叫“logo retina”,假如logo是一般大小就選中“不啟用”;假如logo做到兩倍大小就選中“啟用”。

12.因為考慮到文章的特色圖較大,所以增加了利用自定義欄目的方式插入外鏈圖片,節省空間之余還可以優化加載速度。這個和插入音樂外鏈同一做法,首先寫文章時選擇類型為“標準”,然后勾選“顯示選項”里面的“自定義欄目”,在出現的“自定義欄目”里,點擊“輸入新欄目”,名稱區域填入“picture”,值區域輸入圖片的路徑即可。假如你同時使用了外鏈特色圖和wordpress特色圖的話,會優先顯示外鏈特色圖的。

主題下載

12
  • 2014.07.14初次和大家見面了!

已擁有1人對該主題的建議

  1. 0樓
    微進制:

    這個主題自己用還不錯!

    2014-07-29 下午 12:04 [回復]

發表評論

還能輸入240個字

Hi, 歡迎加入Wordpress技術交流群,帶你裝逼帶你飛!

我要入群
也想出現在這里?聯系我們
wordpress加速

TA們覺得這些也都棒棒噠

  • 猛戳我吧
夫妇野外交换HD高清版,免费A片在线观看,亚洲精品国产自在现线,中国老妇人60OLDMANTV