给博客增加 IE 8 的 Web Slice 功能

什么是 Web Slice

Web Slice 是微软牌最新浏览器 IE 8 的一个新功能,Slice 是切片的意思,Web Slice 指的是网页上某一部分内容,比如你关心我爱水煮鱼上的最新留言,或者在我爱水煮鱼留了言希望得到回复,但是又不想时刻打开网页去查看,这个时候怎么办?Web Slice 就是为了解决这样的问题而推出的功能,它能让你订阅页面上的某一部分,让你直接在 IE 8 的收藏栏获得你关心部分的更新,而不用打开页面去查看。Web Slice 并且可以让你选择多久自动刷新更新,在 IE 8 收藏栏邮件点击你的 Web Slice,选择属性就可设置更新的频率了。

我爱水煮鱼最新日志 Web Slice
我爱水煮鱼最新日志 Web Slice

如何创建 Web Slice

微软网站有对 Web Slice 的详细介绍,并且 MSDN 网站上还提供了一个开发文档详解介绍如何开发 Web Slice。你只要查看这两个部分的内容就基本可以制作的 Web Slice 了。

Web Slice 的基本机制是:


<div class="hslice" id="webslice">
    <h1 class="entry-title">Web Slice Title</h1>
    <div class="entry-content">
        web slice Content
    </div>
</div>

IE 8 浏览器希望你把 Web Slice 放在一个 class 属性为 "hslice" 的标签里面,然后根据这个标签的 ID 的属性来定义这个 Web Slice 的 ID,然后通过 class 属性为 "entry-title" 和 "entry-content" 的标签来定义 Web Slice 的标题和内容, 所以我们只要把修改下主题,把相关的内容放到 class 属性为 "entry-content" 的标签中即可,比如把最新日志的列表放入 class 属性为 "entry-content" 的标签中,然后把相关日志的标题放到前面的 class 属性为 "entry-title" 的标签中,最后使用把它们放入一个 class 属性为 "hslice" 的标签中,定义这个 ID,就是一个最新日志的 Web Slice。

Web Slice for WordPress

给 WordPress 添加 Web Slice 功能其实非常简单的,现在已经有了现成的插件:

webslicer 这个插件可以产生 最新日志,最新留言,当前日志内容等 Web Slice,甚至可以设置手工更新的 Web Slice,这个插件支持 Widget,允许你在 Sidebar 插入添加 Web Slice 到 IE 8 收藏栏的按钮,非常方便。

WordSlice这个插件就弱一些,它目前只能产生最新日志的 Web Slice,如果没有很特殊的需求,也基本够用了。

Web Slice 在我爱水煮鱼上的应用

目前我在我爱水煮鱼添加了两个 Web Slice:

一个是最新日志的 Web Slice,如果你使用 IE 8 浏览器,那么当你鼠标移过日志页面的日志内容下面最新日志列表的时候,就会注意最新日志列表周围都会出现一个绿色的矩形框,这就是 IE 8 发现 Web Slice 的提示,点击那个绿色的 Web Slice 图标即可添加我爱水煮鱼的最新日志的 Web Slice 到你 IE 8 收藏栏。

我爱水煮鱼最新日志 Web Slice
我爱水煮鱼最新日志 Web Slice

你也可以直接在 IE 8 中订阅我爱水煮鱼最新日志的 Web Slice:

另外一个是留言回复的 Web Slice,你把鼠标移到留言区的每条留言,就可以看到和上面同样的绿色的 Web Slice 图标,这样你在博客上留言需要获取回复的时候,即使博主没有安装留言回复通知 Comment Reply Notification 这样的插件,你也可以通过 Web Slice 功能获取更新。

我爱水煮鱼留言回复 Web Slice
我爱水煮鱼留言回复 Web Slice

订阅之后在 IE 收藏栏查看的效果:

我爱水煮鱼留言回复 Web Slice
我爱水煮鱼留言回复 Web Slice


©我爱水煮鱼,本站推荐使用的主机:阿里云,国外主机建议使用BlueHost

本站长期承接 WordPress 优化建站业务,请联系微信:「chenduopapa」。