部落格改版,修改WordPress 主題的心路歷程 | wordpress版面設計
其實一直想為自己的部落格改版,總覺得版面要修,後端的程式碼也要優化,讓載入速度快些。但每次改了點東西,又被別的事耽擱,最主要還是論文研究啊,這個大石頭沒放下,很難做別的事,寫完實驗的程式就不想看佈景主題的程式碼了…好在現在已經告一段落,終於有時間能靜下心來研究WordPress主題,把版面改成我心目中想要的樣式,朝向自己刻主題的目標邁進主題修改的目標我之前採用的是Hemingway[1]主題,截圖如下,他的介面設計漂亮,可以自由修改的程度高,算是蠻不錯的起手主題。我逛過幾個國外部落格用這個,之前參與研討會認識位朋...
其實一直想為自己的部落格改版,總覺得版面要修,後端的程式碼也要優化,讓載入速度快些。但每次改了點東西,又被別的事耽擱,最主要還是論文研究啊,這個大石頭沒放下,很難做別的事,寫完實驗的程式就不想看佈景主題的程式碼了…
好在現在已經告一段落,終於有時間能靜下心來研究 WordPress 主題,把版面改成我心目中想要的樣式,朝向自己刻主題的目標邁進
主題修改的目標我之前採用的是 Hemingway[1] 主題,截圖如下,他的介面設計漂亮,可以自由修改的程度高,算是蠻不錯的起手主題。我逛過幾個國外部落格用這個,之前參與研討會認識位朋友,閒聊之餘,發現他的部落格居然也是,可見這個主題滿討喜的呀
對我來說,我喜歡頁首橫幅中間的黑色框框,往下滑動的時候,會有個漸層消失的效果,很好看,把字體改成 Google Font、稍微修些小細節,我就一直用著這套主題。不過最近覺得是要改變的時候了哈哈,首先,頁首背景圖占比太大了,訪客點文章進來時,文章標題被擠在中央,不太好閱讀,同樣的右方廣告也被往下擠壓,感覺曝光率就會下降
而首頁的文章顯示方式,是傳統部落格排版,大張縮圖搭配文章摘要,一篇一篇往下顯示,下方導覽列只有「上一頁」、「下一頁」兩個按鈕。這對於想要觀看其他文章的訪客來說很不方便,不容易瀏覽有哪些文章,也不能跳頁。
所以我在進行修改的時候,訂立了些目標,大概有這幾個:
去除文章頁面上方的背景圖片修改首頁文章顯示方式、加上數字導覽列調整行動裝置上的顯示方式提高 PageSpeed Insights [2]的分數開始動工剛開始我是想把首頁改成三欄的形式,大概就像 INSIDE 硬塞的網路趨勢觀察[3]的首頁那樣,一打開就能看見有哪些文章。於是,我找了同一位作者的 Baskerville[4] 主題來做修改,但發現他用瀑布流套件 Masonry[5],Grid Layout 又是自己寫,如果我要改成 INSIDE 那樣的固定寬高比,勢必要看掉重練,勞民傷財啊。但我還是試著改了一下…
主要是把選單上移,首頁文章變成三欄顯示,想走個日系風格,背景途淡刷的效果,不過好像沒那個感覺啊,科技部落客應該要酷炫一點才對 (吧),總覺得有些違和
另一方面,以前寫的技術文章沒做截...