Home >

Archives for May, 2009

评论投票插件 Comments Vote

May 29th, 2009 62 Comments

前些天在博客上添加了评论投票的功能, 其实这个功能来自一个叫 Comments Vote 的插件, 只是我对插件进行了一些改造而已.

评论投票

曾经有一段时间, 我使用了一个名为 WP-PostRatings 的文章评分插件, 并准备开发一个对评论进行评分的插件. 但后来这个评分插件被我卸除了, 评论评分插件也没有开发. 因为我发现评分效果并不理想, 投票的人都比较偏激, 分为 5 个等级的评分系统, 选择 1 分和 5 分的人竟然居多.
无论是文章评分还是评论投票, 对访客来说多了一个可以表达自己态度的方式, 是一个很好的用户体验, 但是当评分过于偏向极端的时候, 投票就失效了.

直到我看到阿瓦的 WordPress Comment Digg 插件, 投票其实分为 "支持" 和 "反对" 就足够了, 于是我再次尝试将这个功能融合到自己的博客中.

Read More...

WordPress 的文章导航

May 24th, 2009 83 Comments

文章导航是什么? 一个外国朋友告诉我, 他们管它叫 Breadcrumb trail 或者 Breadcrumb navigation, 翻译过来就是文章导航或者文章路径, 对吧? 具体叫什么我真不确定, 或者看看下面的截图你就会知道我在说什么了.

Breadcrumb trail

这个友好的导航功能, 我最先是在论坛上看到的, 形式一般如下:
首页 > 模块 > 文章

有了它, 访客就可以方便地访问同类的文章, 并明确文章的所属, 对提高用户体验和网站的 PV 值都很有帮助. 我在制作 iNove 主题的时候也加上了这个功能, 但是只能处理子分类, 形式如下:
首页 > 分类 > 文章

最近我在制作一个主题, 客户要求能实现多层次的文章导航, 形式如下:
首页 > 分类 > 子分类 > 第二层子分类 > ... > 第 N 层子分类 > 文章

Read More...

请不要过于依赖 JavaScript

May 20th, 2009 67 Comments

JavaScript 是很好的发明, 它让网页动了起来. 大家都喜欢这样的那样的页面效果, 所以 JS 的使用日益广泛, 甚至被依赖. 但你务必提醒自己, 绝大多数的浏览器都支持 JavaScript, 但不是全部.

上一篇文章中我简单地讲解了如何使用 JavaScript 实现滑动置顶效果. 那段调用 JS 代码的 HTML 片段曾经被我修改过两次. 这次我们将会以它为例, 讲解为什么不能完全依赖 JavaScript 并如何进行处理.

Read More...

用 JavaScript 实现变速回到顶部

May 18th, 2009 60 Comments

一般网页的下方都会放置一个置顶按钮, 尤其是页面底部没有导航的网页, 这样可以帮助访客重新找到导航或者重温一遍广告 (想得真美). 随着近几年来 JavaScript 的应用日渐广泛, 滑动效果无处不在, 于是我也跟跟风, 将置顶功能做成了滑动效果. 后来为了更贴合物理特征, 改造做成了减速的滑动效果.

首先说一下原理吧. 我们会获取滚动条到页面顶部的距离, 然后上移一定的距离; 再获取滚动条到页面顶部的距离, 上移一定的距离 (比上一次小一点); ...

Read More...

CSS 菜单列表设计

May 15th, 2009 42 Comments
image

这是一个速成的 CSS 教程, 将向您展示如何使用 CSS 线条属性或者背景图片创建一个菜单列表. 这个技巧会在 <li> 元素上定义 border-bottom 属性, 并使用绝对位置的将嵌套在里面的元素覆盖在线上. 这是非常灵活的, 你可以通过修改边线和背景图片轻易地更改设计. 如果浏览器的字体是可缩放的, 那么它会相当的好用.

演示页面: Demo: CSS Menu Design

原文链接: CSS: Menu List Design

Read More...

Thread Twitter 0.5

May 11th, 2009 48 Comments
image

Twitter 就像一个聊天广场, 留言量之多令人称奇, 好像谁都能在上面找到自己感兴趣的一些人和话题.

iNove 的朋友可能已经注意到, 这个主题由 1.3 版开始支持一个叫 Thread Twitter 的插件. Thread Twitter 是 Denis 开发的一个整合 Twitter 服务到 WordPress 上的插件, 这次发布的 0.5 版本功能大大增强, 简直是一个 Twitter 客户端.

Read More...

WordPress 搜索框添加文字提示 (续)

May 9th, 2009 44 Comments

WordPress Searchbox Tip

搜索框文字提示并不难实现, 但是对用户来说肯定是个不错的提示. 之前我写了一个文章, 介绍使用 jQuery 实现 WordPress 搜索框添加文字提示, 没想到大家会对此感兴趣, 但是一些朋友对使用大量 JavaScript 实现该功能感到不解. 所以本文作为上一篇的延续, 以说清楚我为何要如此实现, 并详细的描述我的设计思路以及实现方法.

Read More...

TestFreaks 点评狂

May 7th, 2009 27 Comments

TestFreaks 点评狂

点评狂是欧洲著名数码产品点评网站 TestFreaks 旗下的中文网站. 致力于让用户得到正在寻找的产品的尽可能多的信息, 并在最短的时间找到最适合自己的产品.

前几天 Denis 说想要买个单反, 搞得我也心头痒痒的想弄个数码相机. 数码产品可是烧钱的玩意儿, 买的时候很难下手. 而我们不可能对这些那些都了如指掌, 所以需要一些建议. 但一些产品网站的产品评论里 N 多 SPAM, 评论往往是蜜者巨蜜, 黑者够黑, 不够客观.

Read More...