标签归档:主题

细节无止境:博客使用双评论框

里念博主那里看到评论区有两个评论框,刚开始我以为是他的WordPress主题BUG问题。我突然明白,他这是双评论框,当评论一多时,在评论区首尾都可以方便留言评论。

土木坛子上面的评论较多,我为了防止页面太长采用了评论分页,但依然会显得较长,评论区一长就不太方便读者评论,于是我直接把评论框放在评论之首。现在采用双评论框,即使翻到页面底部,也可以方便进行评论。

技术上一点也不难,直接把主题下面的评论框函数放在评论区相应位置即可。只是我以前压根没有想到这个“理念”(Betty同学说很高兴我认同她的这个理念)。

我做了一点点改进。当博文没有任何评论时,不应出现两个评论框—显然是多余并令人不习惯,因此,我把第二个评论框放在了评论判断函数里,即当文章没有评论时,只显示一个评论框,如果已经产生评论,即在评论区末尾出现第二个评论框。

WordPress 2012主题的话,直接在主题中的 comments.php 文件中,分别将原来的评论框函数 <?php comment_form(); ?> 插入至评论判断函数内外:

<?php comment_form(); ?> // 调用第一个评论框函数
<?php if ( have_comments() ) : ?> // 评论判断函数

<?php comment_form(); ?> // 调用第二个评论框函数
<?php endif; // have_comments() ?> // 评论判断函数

用户体验无止境。官方的东西都只是一个框架,若要提高细节方面,总是有些工作可以做的。

Update: 双评论升级版本: 评论多的时候才启用

如何提高独立博客界面体验和用户友好性(中篇)

关于行距,不能太密也不太能太疏,可以自己调节而定。分段是必须的,过长的段落很难有舒服的感觉。每行的中文字数宜控制在38-42为宜,每行字数太多,阅读时头要摇来摇去,太少了,眼睛换行太频繁,体验不好。

为什么是38-42?良好的效果体验!我发现这个值大概是从LaTeX的排版效果得出的,LaTeX的排版本身就是一门艺术,是一门简约不简单的高深学问,只是用户未必觉察到而已,所谓随风潜入夜、润物细无声就是这种境界。

现在的屏幕很多都是宽屏,宽屏本身对于阅读文字内容并不合适,所以如果不是非要坚持单栏布局的话,博客界面应该设置成两栏或三栏,多于三栏我个人认为并不具有良好的导航功能。读者看完首页日志或单而日志时,自然希望能再方便地看看有没有其它有趣日志文章,这时候博客主人就应该考虑到导航功能。侧栏的作用就体现出来了。

一般侧栏可以放置“最新日志”——看历史日志时可以跳到最新日志,“随机日志”——让所有的日志都有机会推送到读者面前——毕竟没有多少人会主动用搜索功能去搜索历史日志,“相关日志”——读者可能还对相关日志感兴趣。也可以再放与读者互动的“最新评论“等栏目,原则即是方便读者,留住访客。

适量的广告是可以的,好的广告其实是信息的载体,良好的商业模式,对读者,博客主人,商家都是有利的事情。尤其是Google AdSense广告,甚至能美化没有图片的博客。但一定要适量,过了度量就不好。

漂浮的广告只会损害到用户体验,降低博客品味——给人一种博客只为广告费的感觉,你越想强迫用户点击广告,用户就越不点击,再进一步,你越功利,功利就越远离你。欲速则不达,赚钱先做事,做事先做人,博客亦一样。如果日志中放入图片,大小要设置好,整齐统一,数量也不宜过多,过多影响速度,也稀释了文字的份量。

未完待续

如何提高独立博客界面体验和用户友好性(上篇)

独立博客的灵活性很大,这是它的魅力之处。不过我发现要建立一个好的博客界面并不是那么容易。名博总的特点是界面简洁,内容不简单(可能吧:我是这样写博客的),版块不多,吸引读者而不容易分散注意力。

而与此相对的是很多界面很烂内容也一般的博客,或者是主题花哨而内容空洞的博客。结合我的实际经验,下面把需要注意的问题予以介绍,并非说我的博客界面有多么优秀,只是表明需要考虑的问题并不少,以供大家参考。

许多WordPress主题是针对英文而设计,显示中文并非其长项。对于中文博客,字体默认大小至少设置为14px,16px更好,也许有人会说,字体大小读者可以自行调整,问题是“可以”并不表明读者“一定”会去手动调整。人都是具有天生惰性,都愿意用默认打开网页时的字体大小,顶多用鼠标点击一个增大字体的选项,所以博客主人为什么不在设计之初就把默认字体大小设置好呢?手动并不算用户友好,更何况许多初级网民都不知道网页字体可以手动调节。

字体用宋体的较多,因为这个字体很普遍,但如今的年代——尤其是Windows 7的流行,可能用微软雅黑的效果和可读性更好——无衬线体的优点,但这只对Windows平台适用。Linux下面自然是文泉驿字体为首选(包括Android手机系统),所以修改CSS字体时能增加微软雅黑的并不多见,能再加上文泉驿的更是凤毛麟角,少之又少。现在的网民所用的系统平台已经多元化了,因此最好能兼顾各个平台系统。关于字体更深度的知识可以参考这里:最佳Web中文默认字体浏览器如何渲染文本网页字体分析推荐Verdana, SimSun, Arial.

未完待续

你的博客能否通过W3C验证?

WordPress博客程序是许多博主的不二选择。我相信许多博主都或多或少地折腾过Wordpress主题,只是折腾后,博客的网页代码可能就不够标准了。不信的话,可以去W3C验证一下,输入博客网址,网页的错误和警告数量一目了然,比如主题折腾狂IsayMe博士牌民工都不幸中招(1, 2)。

不过网页有错误的博主也不用灰心,因为现在几乎所有的浏览器都能兼容有错误的网页,也就是说W3C检测出来的错误并一定会影响网页的实际显示效果,它不是一个必须遵守的标准——从这一点来讲W3C不是一个成功的标准。所以只要主流浏览器能够正常显示网页博主们即不必过分在意W3C验证。更何况许多著名网站都通不过W3C验证。比如:Google.com有35个错误,2个警告。Amazon.co.uk有588个错误,105个警告这里列出了更多没有通验证的著名网站,你还担心什么呢?

我的博客主题在我修改之后很荣幸还能顺利通过验证,虽然不是必须通过验证,但对于我这种完美主义者,任何一个错误我都无法容忍。