制作主题需要考虑哪些?
在博客园里混了一年多,各式各样的主题琳琅满目,各有特色。但是我发现的是,有些细节没有注意到。这里我主要提几点个人对于博客园主题的基本需求。
- 功能实用。博客园自带的功能尽可能多的保留。诸如随笔分类、标签、随笔档案等等。
- 外观简洁大方。博客园不乏各种技术大佬,但是程序员的审美似乎总是不在线,所以导致博客功能牛逼,但是界面辣眼睛。
- 博客正文样式的定制。博客正文常用的一些文字、图片、音视频媒体、代码展示等等,这些都应该规范,使得整个博文阅读体验感更舒适。
- 移动端和PC端的适配。很多博客主题,PC端用起来一点毛病没有,可是到了移动端,那就是各种错位,乱成一团。这一点对移动端用户非常不友好。
- 去广告及附属功能。博客主题尽量保留一些有用的附属功能,例如相关博文这样的板块,应当保留,让读者有机会读到更多相关的内容。此外博客园的广告可以去除,移除广告让界面更舒服。
主题适配
我在适配主题时,考虑的点包括但不限于上述要求。通过不断地修改、验证、再修改、再验证...,终于达到了满意地程度。现在把主题适配教程说下:
1.清空后台所有内容
- 页面定制CSS代码
- 博客侧边栏公告
- 页首html代码
- 页脚html代码
2.选择默认主题
设置主题为 Custom,并将其禁用掉。
3.定制CSS代码
打开链接,将CSS代码复制进页面定制CSS代码框里,并保存。
4.主题预览
主题适配了移动端,可以打开对比看下。
写在最后
此主题查阅了一些网页设计规范,对比了大量的网站,其中包括知乎、简书、思否等,观察其中的布局和样式,最后才得到了最终的样子。如果你有好的建议和意见欢迎下方评论留言!
此外,我个人的博客在此基础上增加了一些js功能代码,有兴趣的可以翻看我的博客。