我用的是主题是Vistalicious ,我对这个wordpress theme的大体框架还比较满意,但默认的设置有些觉得不理想,首先是颜色,深蓝绿色不是很喜欢,其次,网站名称如果设置成英文的,看起来还可以,但设置成中文的就比较难看了,顶部右端一大段文字令人生厌,去掉的话又觉得很空,一些细节如各种小按钮设计得比较大,不够精致。

     于是想尝试着对主题重新设计。因为这个主题比较简单,弄掉sidebar后,框架一目了然,顶部header处有标题,接着是导航栏和站内搜索,然后就是content了,最下面是footer,我看了该主题的images文件夹下的那些图片,然后对应着到后台的style.css处找到对应图片的代码,就更加清楚页面是怎么生成了。

     我要做的,就是用重新设计的图片替换掉相应的图片,删掉不必要的内容,调整距离就可以了。图片替换完毕后,我又调整了content与sidebar的比例,使content更宽,sidebar更窄,因为我有特殊要求,比较喜欢在日志里放些照片,大图观赏效果要好点。默认的sidebar当然不理想了,删掉不必要的广告模块,再安装一些插件Recent Comments Widget、WP-PostViews、WordPress Related Posts 等,再调入到sidebar就可以了。参照月光博客的设置,我把sidebar放到了左边,因为我们的阅读习惯是从左到右,而且以前的网站如果是侧边导航,一般是放左边,我觉得没必要挑战大家的习惯。

     当然,在整个重新设计过程中,一些色彩和定位需要修改,所以要懂得一定的html代码,如果不会写,至少也要看得懂,这样才好对症下药。banner的设计,一时还找不到合适的图片,所以先暂且放个美女图欣赏下了。下面是原有的主题缩略图,大家可以对比下修改前后的差别。