制作主題需要考慮哪些?
在博客園里混了一年多,各式各樣的主題琳琅滿目,各有特色。但是我發現的是,有些細節沒有注意到。這里我主要提幾點個人對於博客園主題的基本需求。
- 功能實用。博客園自帶的功能盡可能多的保留。諸如隨筆分類、標簽、隨筆檔案等等。
- 外觀簡潔大方。博客園不乏各種技術大佬,但是程序員的審美似乎總是不在線,所以導致博客功能牛逼,但是界面辣眼睛。
- 博客正文樣式的定制。博客正文常用的一些文字、圖片、音視頻媒體、代碼展示等等,這些都應該規范,使得整個博文閱讀體驗感更舒適。
- 移動端和PC端的適配。很多博客主題,PC端用起來一點毛病沒有,可是到了移動端,那就是各種錯位,亂成一團。這一點對移動端用戶非常不友好。
- 去廣告及附屬功能。博客主題盡量保留一些有用的附屬功能,例如相關博文這樣的板塊,應當保留,讓讀者有機會讀到更多相關的內容。此外博客園的廣告可以去除,移除廣告讓界面更舒服。
主題適配
我在適配主題時,考慮的點包括但不限於上述要求。通過不斷地修改、驗證、再修改、再驗證...,終於達到了滿意地程度。現在把主題適配教程說下:
1.清空后台所有內容
- 頁面定制CSS代碼
- 博客側邊欄公告
- 頁首html代碼
- 頁腳html代碼
2.選擇默認主題
設置主題為 Custom,並將其禁用掉。
3.定制CSS代碼
打開鏈接,將CSS代碼復制進頁面定制CSS代碼框里,並保存。
4.主題預覽
主題適配了移動端,可以打開對比看下。
寫在最后
此主題查閱了一些網頁設計規范,對比了大量的網站,其中包括知乎、簡書、思否等,觀察其中的布局和樣式,最后才得到了最終的樣子。如果你有好的建議和意見歡迎下方評論留言!
此外,我個人的博客在此基礎上增加了一些js功能代碼,有興趣的可以翻看我的博客。