北河以北

大修博客主题

文/宋春林

我这个博客从建好到现在一直都是用的Twenty Twelve这个主题,一开始主要是看中它淡雅简洁的风格。今天我又把简洁发挥到极致,一口气去掉了一大堆东西,看起来总算是比较满意了。

Twenty Twelve是WordPress官方2012年出的主题,但是现在基本被我改的面目全非了,跟原来相比主要变化如下:

去掉了边栏。直接在“外观-小工具”里移除了主页边栏的所有小工具,然后文章界面就自动填充到全部页面。比我想象的简单,我以为还要设置float什么的才能让文章界面铺满页面。

主页标题、菜单、文章标题以及底部的居中。这个设置比较简单,在style.css相应的header、nav、entry、footer里加上text-align: center语句就可以了。

去掉了除文章内部外的所有链接的下划线。在style.css里的body和footer里使用text-decoration: none语句来实现。

背景改成白色,这样看起来整个页面和背景融合在一起,视觉上比较统一。

添加文章归档页面。之前的边栏里有按月份归档的小工具,但是现在边栏移除了,所以只能通过页面来实现。在网上搜了一下教程,都太麻烦,要动用模板函数在内的好几个地方才能实现。偶然发现Zen Habits的归档页很对我的胃口,于是有了移植的想法。在Google里面搜“how to create an archives page in wordpress like zenhabits”,搜索结果直接把我带到Zen Habits介绍安装其主题的页面。我可不想整套安装它的主题,我只想建立文章归档页而已。于是下载其zh2主题,把archives.php里的代码稍作修改,直接替代我目前主题里面的archive.php;然后新建页面,选择归档模板,归档页面就初步建好了。还想在这个页面显示标签,用了一条非常简单的语句就实现了:

除了上面所做的修改,还增加了主页标题的字号、加深了文章字体颜色(#444444到#303030)、页面宽度变窄(960px到720px)、首选字体改为微软雅黑、去掉了文章标题下的“添加评论”字样、修改了引用样式、增加了底部的内容等。

一路折腾下来,我感觉CSS语言还是比较简单的,大部分近于英语的自然语言,比如margin是调整间距,float调整页面位置,居中就用center……不过,我并不打算学这门语言,我的博客外观估计就是这个样子,所以也不会有更多的折腾了。接下来,就是专注写博客了。

修改的过程再一次加深了我对Google(google.com)的印象。一开始用百度搜中文,不仅精准度差,而且内容少、重复多。后来直接换Google,搜英文,一搜一个准。以后要查什么东西,一定用英文在Google里搜一下,不然很有可能错过很多好东西。我是越来越喜欢英语了,通过英语总能发现更多精彩的东西。我主页上的推荐页面里有两个英文博客就是我经常看的,浏览器书签里也有一些专业博客。但是我依然讨厌英语考试,考试让英语变得没意思。

经过了这些修改,页面看起来清爽多了,除了白色的背景就是文字,没有过多干扰阅读的元素。我觉得这样才是我想要的博客,把核心的阅读功能发挥到最好,该有的功能比如查看历史文章、我的联系方式等也都通过顶部菜单和底部实现了。其实我挺不想去掉原来的虾米音乐播放器的,我常常打开自己的博客就是用这个播放器听听歌。但是为了简洁,我还是妥协了,毕竟除了我基本没人来这里听歌,我自己还可以直接去虾米个人主页听。评论目前还保留,但是我很想去掉评论,一是影响阅读体验,二是我很怀疑大部分人的阅读理解能力因而不相信这部分人的评论是有意义的,三是短短几十字或者上百字的评论大部分情况下并不能说清楚一件事。之所以保留,是因为现在我的博客还基本没有什么人看,“大部分人”还没有出现。

我这个博客,主要就是写写我的个人生活和我关注的一些东西,不想做得非常专业;即使有机会应该也不会在主页上挂广告,影响美观。我甚至也不想写成一个人人都喜欢看的博客。我觉得孙尉翔老师那样的博客就挺好,自由自在写自己的东西。认真写博客本身就是一件可以带来快乐的事情,所以我不太理解那些以赚钱为目的写博客的博主。

对了差点忘了,我还修改了404页面,哈哈。

Comments

小蜜蜂: 英语真好呀你,我看英语文章的时候就是用谷歌翻译的,或者说是有道词典的快速取词,因为单词量有点少啊。。。

关林John: 你好,很喜欢你的这个主题里的文章列表模块,你对原来的代码做了优化,我不太懂这方面的东西,请问一下可不可以直接把文章列表模块的代码给我一下,我直接贴我博客上,谢谢啦

宋春林: 代码在此:https://github.com/songchunlin/My_WP_Theme/blob/master/archive.php

关林John: 多谢!

关林John: 我汗,刚试了一下,效果差的好大。。。http://www.guozhensheng.net/ 你可以看一下这是怎么回事么。。。多谢。。。

jiushudian.net: 看了博文,也去衡天注册了主机,上传了WP,可是安装不了啊,域名也解析了,但却打不开页面进行安装。

limags: 博主你好,请教一下你是怎么删除文章标题下面的评论的?

宋春林: 时间太久忘了。大概是在single或者page页里删除相应的显示评论的代码。

limags: 找到了,是在centent.php里面,删除和之间的内容就好了

宋春林: 原来如此。

发表于
分类 个人生活  标签 写作  博客