重新設計本站 WordPress Theme 版面

我在約一年半前從 b2evolution 轉移到 wordpress 平台時,採用的版面是屬於「三欄式」,左邊為內容區 (content)、右邊兩側為 sidebar 側邊欄。而且,左邊的內容區寬度可以隨 browser 水平寬度的調整而變動。

當時頗以為這樣很富有彈性,尤其在 20" 以上的螢幕上觀看瀏覽內容區的視覺效果覺得不錯。但是沒想到當我在外教課從外連回 Blog,透過筆電連接投影機投射出來時的效果才發現到甚差,因為投機影一般最多僅到 1024x768,還有一些是 800x600 的尺寸,結果導致內容區的寬度變得極為狹窄,甚至貼在其內的影像圖片無法完全顯示出來。

這次就不想變甚麼花樣了,乖乖地採用固定式的版面,以 1024x768 為基準,並將其置中。側邊攔 (sidebar)改回一個置於右側,儘量不要放上太過花俏的側邊資訊;左側則是主要內容,構成比較常見的兩欄式版面。

CSS 樣式完全自己來、重新再寫過。不過在整個版面設計的期間,我起碼參考過 10數個以 wordpress 架站的部落格的版面設計。然後又委請 Cathy 的專任美工幫我設計了一個網站 Banner,除了表達出綠意清新的感覺之外,還特別放上一隻以前我網站名字 (矇矇的秘密基地)的黃金鼠卡通主角。

這次整個版面的色調期能表達以 "禪 (Zen)" 的意境為主,背景色以乳白色為底、框線則以土金黃色為線條。儘量能表達出整個網站的簡單、素雅為主。在此也貼個 screenshot 作為紀念。

kenming_wordpress_blog_screenshot_20100727

※ 延伸參考
 o Kenming's 三欄式版面 css template

文章導覽

   

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *