前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >给博客增加 IE 8 的 Web Slice 功能

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

作者头像
Denis
发布2023-04-14 18:58:09
2400
发布2023-04-14 18:58:09
举报
文章被收录于专栏:WordPress果酱WordPress果酱

什么是 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

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

Web Slice 的基本机制是:

代码语言:javascript
复制
<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

我爱水煮鱼最新日志 Web Slice

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

添加我爱水煮鱼最新日志的 Web Slice

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

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

我爱水煮鱼留言回复 Web Slice

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 什么是 Web Slice
  • 如何创建 Web Slice
  • Web Slice for WordPress
  • Web Slice 在我爱水煮鱼上的应用
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档