• »
  • WordPress
  • 網站佈景
  • » 網站狂人更換新佈景《iTWweeb Pro 1》,簡約風格搭配首頁輪播功能
    上一篇:

    網站狂人更換新佈景《iTWweeb Pro 1》,簡約風格搭配首頁輪播功能

    如果你長期關注本站的讀者,就會發現本站已經在兩天前也就是 8/29 日更換為新的佈景《iTWweeb Pro 1》,為什麼要取這個名字呢? 純粹只是因為想不到名子…再加上是自用的佈景,所以就加上 Pro 的字樣,這次的佈景和 iCFT 一樣是使用 Html5+CSS3 的技術,有些頁面有搭配 jQuery 的使用,給讀者最好的閱讀空間、不影響閱讀的廣告配位、方便的社群分享按鈕,還有許多就不再多做介紹,就來看看這次的主要更新內容吧。

    About – iTWweeb Pro

    • 佈景名稱:iTWweeb Pro 1
    • 佈景版本:1.0
    • 使用技術:Html 5 + CSS3 + jQuery (With PHP)
    • 適合瀏覽器:Chrome、FireFox、Safari、OPera、IE9+

    OverView

    這是首頁,這次比較明顯的更新就是這個 Slider ,TWweeb 把原本的最新文章輪播 (Lastest News Slider)改成這個,可以在後台自訂輪播內容的Slider,還有重點是,他可以適用觸控螢幕,也就是它可以用手指滑動控制輪播的動作喔。

    網站狂人更換新佈景《iTWweeb Pro 1》,簡約風格搭配首頁輪播功能-01

    首頁文章排版,為了避免不必要的空間浪費,使用到最大空間,TWweeb把【繼續閱讀】、【分類】…等標籤拿掉,因為其實從標題大概可以看出文章的分類,一些非必要的Tag,盡量把它隱藏掉,當然文章內還是可以查看詳細的Meta。

    網站狂人更換新佈景《iTWweeb Pro 1》,簡約風格搭配首頁輪播功能-02

    網頁底部的排版,首先是頁碼的部分,TWweeb也重新寫了判斷頁碼的一些方法,顯示得更為簡潔,再來是底部的網站資訊,把原本放在每篇文章底部的作者資訊,移到網站底部,所以每個頁面都會看到帥氣的站長在下面 XD,旁邊放一些本站的主旨。

    網站狂人更換新佈景《iTWweeb Pro 1》,簡約風格搭配首頁輪播功能-03

    內文的部分,上面一樣有Breadcrumb Trail,一方面是為了SEO,另一方面也是為了讀者,然後下面也有關於上一篇、下一篇的文章連結。

    網站狂人更換新佈景《iTWweeb Pro 1》,簡約風格搭配首頁輪播功能-04

    關於每篇文章下面本來的【作者介紹】、【相關文章】、【隨機文章】,已經只剩下【相關文章】了,作者介紹移到網站底部,至於隨機文章則是移除掉了。文章的相關Meta也都放在下面的About Posts。

    網站狂人更換新佈景《iTWweeb Pro 1》,簡約風格搭配首頁輪播功能-05

    留言系統的欄位也做了重新的排版,一樣也可以用Ctrl+Enter來快速發佈留言。

    網站狂人更換新佈景《iTWweeb Pro 1》,簡約風格搭配首頁輪播功能-06

    迴響列表的設計也重新改過了,因為預設的Comment List沒辦法改太多,所以砍掉重寫,頭貼的部分變成圓形了,只是用Border-Radius做到的。

    網站狂人更換新佈景《iTWweeb Pro 1》,簡約風格搭配首頁輪播功能-07

    Error?

    這次的佈景沒有特別針對瀏覽器做測試,只有為現在大家常用的 Chrome、FireFox 和 Mac 用戶的 Safari 做測試,如果你發現網站有跑掉、或是任何影響閱讀的設計,歡迎你在下面的留言板裡提出,TWweeb 一定會親自回覆您,再次感謝大家的支持,才有動力繼續寫作下去。

    Advertisement
    Follow US
    About Post
    Date: 2013.08.30 Tags: , , , , , , , ,
    Discussion

    Leave a Reply