標籤:響應式網頁設計

久違改版!imXD7 自適應 WordPress佈景版型

很像很久沒有改版了耶!上一版是在2011年10月份的imXD5,第一次嘗試寫WordPress的HTML5版型,然後就默默地將版型沿用至今,算是開站以來用最久(兩年半)的佈景主題。不過隨著去年陸續推出一些免費版型之後,一直很想找時間修改自己的網站,不過每天改客戶的東西就改到昏天暗地了,哪來的時間改自己的東西(淚)。

趁著周末兩天,客戶比較不會吵的時候,看完瘋神無雙和台版的辛普森家庭後,趁著夜闌人靜的時候,開了一個測試網站,順手修改自己的網站。雖然這兩年半中,常常看到不錯的網站,就會開啟Firefox瀏覽器搭上Firebug修改,模擬一下發現感覺不對,就直接關閉,繼續做其他事情。就好比看到很棒的衣服,但是穿在自己的身上卻見不得人。

免費 WordPress 版型:Benjamin ,響應式設計佈景主題,支援手機、平板、電腦螢幕

開工日當然就是要來個新的WordPress免費版型與大家分享。這回的版型叫做「Benjamin」,中文就是「班傑明」。不同於以往,這回我們帶來了自適應(響應式)網頁設計,讓你的版型可以在多種不同尺寸的螢幕上都可以有良好的呈現,讓你免去安裝手機板外掛就可以讓WordPress部落格網站擁有手機板的瀏覽畫面。

以往由阿腸工作室提供的版型都是單純的固定寬度,這回我們來點不一樣的,讓你網站的版型可以在不同的解析度上都可以正常的瀏覽。至於整體的配色感覺,跟之前的迪奇版型差不多,版面上倒是跟克努特類似,當然我們還是有做一些小微調,盡量讓網站精簡與乾淨。此外,版型這回改採左邊欄、左選單設計,上方不再有一整長排選單,取而代之是左側的手風琴選單。