好久没有折腾过博客的界面,最近给博客界面大手术了一番,将它简化得不能再简化:Tagline都去掉了。有朋友提到界面改变的事情,我大致说明一下。
在Twenty Twelve官方主题基础上,去掉了所有的侧栏小挂件,变成了单栏页面。页面宽度调整为630px,每行最多45个汉字,这可能是适合肉眼阅读的最大字数。为了照顾网页加载速度,取消了Google网络字体。中文字体默认采用宋体(Linux下用文泉驿字体),英文字体是Georgia衬线体,只为了返回到印刷体的效果——我知道电子屏幕应该采用非衬线体。字体大小14号。
通过更改数据库的方法,博客上所有的超链接都变成了页面内打开,不必再打开一堆网页标签,使浏览者在一堆网页中跳来跳去。那些实在喜欢新建页面打开链接的朋友们,试试鼠标中键点击超链接。所有日志中的“继续阅读”设置也被取消,这不过是为了提高页面点击率而增加用户单击鼠标。
以后的博文能不用图片就不用图片,以前的图片通过更改数据库的方式,统一调整为620px的宽度,只为了整洁一致的页面效果。
Twenty Twelve官方主题的好处是安全可靠且原生自适应。为了保持自适应性,尤其是在手机小屏幕上也有良好的显示效果,博客上的AdSense也采用Google官方提供的自适应代码,这样一来,在不同的屏幕上都能显示合适尺寸的广告。
我也不喜欢在博客上出现广告,不过为了兴趣研究AdSense广告系统,我还是决定坚持在博客上投放广告。一个月几百块钱的广告收入,积小成多,有比无好。而且我相信,那些不愿意看到广告的朋友们,肯定早已和我一样使用着AdBlock之类的插件过滤广告。那些还坚持用RSS的朋友更不用说,他们永远看不到博客界面。
其实,我使用如此简洁的网页界面,不是没有原因。现在大部分网页不能使人专注于网页内容——虽然大部分内容也不值得专注,过多的超链接、图片、广告……虽然有人说,网页不是用来读而是用来点击的。我曾经纠结于要不要用静态博客工具Jekyll?是不是用html后缀的固定链接形式?域名带还是不带www?安不安装Google网站地图插件?现在,我试图把博客做到极致简洁、极速加载,回归到纯粹写作和阅读。
也许有朋友会说,这样过于简洁的界面对用户不友好。我只能说:抱歉,我写博客还真不是为了讨好所有人,至少现在不是。所以,我把Favicon和Gravatar图标改成了一个圆,这是禅宗里的一个符号:圆相。
附:SQL查找替换命令,将命令放在数据库SQL一栏里运行一下即可。操作前请导出数据库备份,新手慎用:
UPDATE wp_posts SET post_content = REPLACE( post_content, ' target="_blank"', '' )//将所有超链接都取消新建页面打开功能
UPDATE wp_posts SET post_content = REPLACE( post_content, '<!--more-->', '' )//取消所有日志的“继续阅读”功能
“极简博客界面”上的70条回复
比较好奇为什么选择630px,而不是640px?
当年主流屏幕为1024*768时,网页宽度好像是照960px设计的,去掉左右边框和滚动条。不知这里是不是类似的原因。
我网站默认是600px,觉得好窄,于是改成640px了。现在在考虑要不要继续扩大,貌似现在的个人用电脑,屏幕没有1280以下的了
不宜只考虑宽度,如今pc和移动端要求不一样。桌面和移动端自适应的主题较为合适。
这个就是技术细节了。现在CSS里开始用rem来控制宽度了,相当于一个相对的基本单位,这样设计好一个基本样子后,方便自适应。px是过去的绝对单位的方法。
屏幕是变宽了,但人眼的视觉范围并没有变宽,每行的阅读字数最多也就是50个汉字以下。至于你说的宽屏,那只是看电视等视频的东西时,才有优势。你的文字两边留白,不也是一种很好的设计吗?为什么都要填满?
rem 和 em 有什么区别?感觉概念很模糊,因为看到 2012 主题里 rem 单位都是小数点后一排数字的……看着就眼花
我没有深究这个,建议你Google一下。
因为630像素的时候,刚好是45个14px汉字。
中国人的阅读习惯已经对我根深蒂固了,首行缩进两格强迫症
以前我也考虑过首行空两格,但是现在我连做 word 都不会在首行空两格。
我的word默认模板都被我改成了3号仿宋、首行缩进2格,既是公文的要求,也是自己的习惯,没有办法。
那是印刷时代为了提醒阅读者,这是另起一段了,现在网页直接通过段与段之间的空白就能看出来了,不会让你读得那么累。多分段,段与段之间留出足够的空白,通过CSS实现。你要段首空两格,好像也能通过CSS实现的。
是可以通过CSS实现,不过我习惯了换行敲两下,又是强迫症。形成的习惯,难改啊。
这是病,得治?
敲两下似乎只能空出一个方块字?
全角空格,就是两个方块字了
字太小,看得眼痛…
好吧,为了你们这些“老年人”,我调整了一下。可能需要你的浏览器强制刷新一下缓存。
简洁挺好,和原生搭配起来也有和谐美。
一直很喜欢土木兄的博客的简单风格,重要的是文章的内容,只要内容好,网站简单反而更好!
单栏的感觉更好~
哈哈,我的也是这个主题,里面放满了广告。大家可以对比一下坛兄的简洁版和我的广告版的。
单栏真是很纯粹的阅读感觉,真不错!
我也感觉如果字体再大一些会更好!
调大了整个页面,谢谢你的建议。
我还是觉得你用那个照片的头像比较好。。。。
你难道还想看我那老脸?我可以把我的近照送一张给你。
嘿嘿,我前不久也把博客的界面改成很简洁的。话说,我最近正在看很多有关禅的东西,喜欢你的头像。
这个主题其用义就是禅的意境:减,简。
更加简洁了
RSS订阅还是会打开来留个言的吧 比如我
字体大小正合适,看着很舒服。
不知道你的用的什么设备,如果屏幕再宽些很难受
我用的是3.5寸的iPhone 4, 9.7寸的iPad 2, 10寸上的网本,14寸的笔记本,15寸宽屏笔记本,17寸的台式机,操作系统有Windows XP, 7&8, iOS 6&7, Ubuntu Linux 12.04, 在这些设备上表现都还可以。
估计让你难受的网页宽度设置太多了吧?
装备真全……
越来越喜欢极简的界面,跟阅读Kindle感觉相似。
wokao,更简洁了。。。
Favicon没有改呢,还是你的照片,哈哈哈…嗯,这样就更加简洁了。
强制刷新一下浏览器的缓存吧。
好,已经出现,哈哈哈
如果不强制刷新缓存,可能保存在硬盘上的图片等内容要一年后才能再次更新……
缓存的有效期限比较长,许多人又没有清理缓存的习惯。
P.S. 今天国内的DNS受到了人工误操作导致大面积污染,你没有受到影响?
我表示我安装了屏蔽广告的软件,并且我用的21.5的显示器看感觉没有雅黑字体好看!
雅黑字体是非衬线体,有的人觉得好看,有的人不觉得。有的人的电脑上有这个字体,有的人(Linux, Windows XP)没有。
宋体是最经典的中文字体,衬线体,使用最广,最安全不易出问题,也是印刷体常采用的字体。
好像没有安装雅黑字体的电脑都会默认显示宋体的吧?
是的,所以我直接就用宋体了,其实我是想把中文和英文都用成衬线体,反潮流,复古主义。
不太赞成这个,逆流的鱼!
你是怎么过滤垃圾评论的?除了WP官方那个~
说起来很简单,墙外的垃圾评论被AKISMET插件过滤了,墙内的基本上是GFW(你懂的,你需要HTTPS才能在墙内访问我的网站)帮我过滤了,还有极少数的漏网之鱼被我人工过滤了。
我为了屏蔽垃圾评论安装了多说~不想用多说~
多说我也用过,垃圾评论也是有的。
我最受不了的是,一:多说往博客的数据库里插入了太多不应该的东西;二:多说会复制走所有博文内容;三:加载速度有时候有问题,国内的情况我听说过,国外的情况我亲自感受过。
所以,我现在几乎不用第三方服务,唯一用的七牛,也只是CDN一下,随时可以取消它而不受任何影响。
多说现在在加载速度上还算改进了不少,最受不了的是我登陆一次就记住了,去所有安装了多说的网站都要是那个号!别人到我博客应该也是这个赶脚!
确实挺好,页面看上去非常干净,加载速度也是飞快。
看了标题没看懂,所以点进来看原文,直到看到底。。。
你不会骂我是标题党吧?我要表达的意思还就是在这个标题里。
Twenty Twelve主题最唾手可得的简洁主题。目前看来,其他夫妇主题配色不错,但不太适合无图的文字模式。
如果配图不好,还不如不配。
简单直达。作为博客,本质就是思维表达。
执着于内容之外的过度装饰,有点舍本逐末。
其他夫妇主题?
打错了…是付费主题。
付费主题很漂亮…但想和主题和谐却不只是
只有文字就能匹配的…
还是简朴点好…内外合一吧。
减,简。
前几天在别人博客那里看到坛子兄的头像换了,原来和禅有关。
专注文字,甚好。
提个建议:背景不要用纯白,晚上看太亮,看久了刺眼,可以用淡灰色。
你拥抱Farbox+MarkDown又何尝不是一种禅的意境呢?
白纸黑字在网页设计中几乎是金科玉律了吧,我改成淡灰色后,恐怕其他朋友又不会同意了~众口难调。
试试看 #f9f9f9
好吧,就用你的推荐值。本来是默认的灰色值。谢谢。
我的意思是,大背景还是灰色,中间显示文章的地方是#f9f9f9~
我无语了……中间的背景色我动它没有把握,CSS里有太多的地方是关于背景色的,我还是保持默认的算了(保持不折腾也是本次折腾的初衷)。抱歉~
没关系,其实我也跟你说错了,应该用 #fcfcfc 比较好,#f9f9f9 太深了(囧)
赞一下博客改版。
如果能加入 Disqus 评论系统就更棒了:)
谢。不过,我可能永远不会添加第三方的服务的,尤其是第三方的评论。
我觉得你需要留一个搜索框,刚才找东西还是自己输得地址
不需要的人我加上也用不着,需要的人我不加上,你也有办法。用google site search吧:keywords site:tumutanzi.com 连评论都能搜出来,比WP的默认搜索强大多了。
Update: 好吧,我把搜索框加进了博文的最后面。不过GOOGLE搜索显然更强劲一些。感谢建议。