给博客增加 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 的详细介绍,并且 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
你也可以直接在 IE 8 中订阅我爱水煮鱼最新日志的 Web Slice:
添加我爱水煮鱼最新日志的 Web Slice
另外一个是留言回复的 Web Slice,你把鼠标移到留言区的每条留言,就可以看到和上面同样的绿色的 Web Slice 图标,这样你在博客上留言需要获取回复的时候,即使博主没有安装留言回复通知 Comment Reply Notification 这样的插件,你也可以通过 Web Slice 功能获取更新。
我爱水煮鱼留言回复 Web Slice
订阅之后在 IE 收藏栏查看的效果:
相关文章
- [博客搭建] 通过用户邮箱认证来介绍 django-allauth 的使用思路
- hexo博客主题推荐_wordpress社交主题
- 记一次搭建hexo博客(一)搭建博客和部署自动化发布
- 4. 项目1 —— 实现一个简易博客系统
- 基于 Hexo 从零开始搭建个人博客(四)
- 想建个独立博客,独立博客程序哪个好一点?
- 宝塔网站异常自动化处理-文曦博客
- Hexo搭建博客 - nexmoe主题
- Typecho | 博客结构与插件开发笔记:附件及扩展方法
- 给WordPress博客的Pix主题接入一言接口,随机展示一句语录
- 又一款简洁实用的个人博客
- 使用这三种方法提交 WordPress 博客链接到百度站长,百度收录立刻翻倍
- Linux搭建快捷高效的WEB服务器(linux下web服务器)
- web server使用Linux搭建Web服务器(usagelinux)
- 器Linux下检查Web服务器状态的方法(linux查看web服务)
- 应用Linux服务器:打开Web应用的大门(linux服务器web)
- 应用突破性的Redis应用:开创Web应用的新世界(redis应用web)
- 用Linux开发Web应用的高效技巧(linux下开发web)
- MSSQL管理Web,让您轻松上手(mssql管理web)
- 轻松使用群晖在Web上快速安装Redis(群晖web安装redis)
- Web项目下使用Redis加速优化(web项目 redis)
- 使用redis提高Web工程系统性能(web工程配置redis)
- Web端Redis工具操作简易,畅享快速体验(web redis 工具)
- 使用Redis加快部署Web应用的速度(redis部署web应用)
- Oracle Web客户端让网络更加强大(oracle web客户端)