Candy2012 - 糖果使用HTML5、CSS3.0完成的WordPress主題



總算新主題出爐了...

原本還以為會難產呢!!

後來發現原來是編碼問題....

最後總算如願以償的設計完成了XDD

糖果使用了大量HTML5元素還有CSS3.0的效果,

就是為了讓搜尋引擎更能正確的判斷內文,

使用CSS3.0就是為了增加用戶的瀏覽體驗=3=...

別小看這主題,整個主題只有使用到LOGO一張圖片喔!!

這次糖果使用預設主題去做修改,

可以說是大幅度改版XD....

貫穿式設計與漸層、陰影

糖果這次使用貫穿式的設計,

增加整體網頁的一體性,

還加了許多CSS3.0的box-shadow陰影效果,

別小看那導航列喔!!

他可是使用linear-gradient所達成的效果!!

搜尋延長過度特效與圓角

當點下搜尋列,

會有延長過度的特效,

使用transition-duration所達成,

不過目前IE不支援此效果~

另外還有IE9所支援的圓角特效border-radius,

說真的...IE9我想真的是電腦白痴的救星...

要是大家還活在IE6的世界,我想網路世界會無法進步...

左側資訊欄與文章縮圖

糖果延續了上一個主題Gandy的特色!!

還讓側邊資訊欄有陰影立體的感覺XD

也延續糖果一直以來都會放的文章縮圖....

內頁文章前後文導航

糖果也覺得之前的前後文切換是不錯的設計...XD

可以讓各位一直看其他文章=3=...

不過好像只有糖果會點?...

FB留言與作者介紹

WP3.0好像多了作者介紹欄?

所以就保留了~

另外FB留言也會隨著主題大小變化而調整了XD

只是作者介紹還沒有梗去想...

特大頭貼顯示

這次糖果要充分利用左側設計,

把它整合進去,

雖然沒有進一步的整合...

有新的想法再加入吧XD...

可動態移動的回覆框

承襲預設主題發表框XD

點選某篇文章回覆時就會自動切換到那裏~

雖然這是預設主題舊有的功能...跑

右側欄位強烈對比

這也是屬於前一個主題的特色,

把它加以移植過來了XD....

標題發亮功能

這也是前次主題的設計~

但是左側資訊欄是一致顏色,

糖果最後覺得一致比較好看....

分類彙整標題

跟上次比起黑黑大大塊的設計,

這設計更能融入主題阿!!

數字頁數與版權宣告

最後下方帶了一點蘋果風0.0

應該是令人有蘋果風的錯覺才對~XD

數字頁次也是糖果一直以來的習慣....

另外那年份是判定最早與最晚文章所得到結果,

的確是有篇文章是2022年...

請各位2022年時可以期待一下....

不過還有10年阿...笑

大致新主題的特色介紹應該就是這樣~



13 則迴響於“Candy2012 - 糖果使用HTML5、CSS3.0完成的WordPress主題

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *

你可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

  1. 通告: Candy 2013 WordPress 佈景主題 - 基於Twenty Twelve核心 | 糖果の無人小島