WordPress 主题 Theme Codename H 之 Web Slice 模版设计

本文是 LiveSino 的 Theme Codename H 介绍系列之一,详细谈论了 WordPress 主题 Theme Codename H 中 Web Slice [1] 模版的设计及思考。

微软在 IE8 中引入了新特性 Web Slices,中文名为网页快讯:允许用户订阅网页的局部,并由 IE 自动进行定时检查该部分网页的更新,而用户无需访问该网站即可在收藏栏查看。主要应用于网站资讯更新、新邮件等内容的提醒,或版本跟踪。

WordPress 主题 Theme Codename H 之 Web Slice 模版设计

1)缩小版博客标志、兼博客首页访问按钮,我在其右侧添加了“外链”图标以暗示其可点击。

2)考虑到 Theme Codename H 多处使用到了搜索框,我将搜索表单代码独立写在了(第一版就已如此)。而 Web Slice 底部的搜索框,正是直接调用了搜索表单模块。

也因此,Web Slice 模版中的搜索框与 Theme Codename H 顶部右侧的一样,也支持显示提示信息。这里的“搜索 ”就是提示信息,点击输入框准备输入时,提示文字将自动消失;当输入框文本为空,且焦点离开输入框时,自动显示提示信息。

3)Web Slice 模版的最新文章已减少至 4 篇,可以说,原来的 10 篇最新文章不符合 Web Slices 强调精简的气质。

WordPress 主题 Theme Codename H 之 Web Slice 模版设计

4)鼠标经过右边栏的最新文章即会显示 Web Slice 订阅按钮,在最新文章标题的右侧的 Web Slice 文字除了暗示此模块支持 Web Slice 外,点击其本身也可订阅。

我曾疏忽了 Web Slices 开发时需要注意的一点,特此记录:若 Web Slice 仅采用 Alternative Display 方式 [2] 调用外部网页,IE 并不缓存页面,因此无法与新页面对比,收藏栏也无法加粗文字提醒。解决方案是:同时使用基本的 Entry Content 方式缓存内容,用以对比是否有更新。

[1] 指 Theme Codename H 主题中的模版时采用单数 Web Slice;指 IE8 特性时用复数 Web Slices。

[2] Alternative Display 正是 Theme Codename H 所采用的调用方式,可支持搜索表单。

直达:微软中国官方商城 - 购买 Surface、Xbox 和配件促销

28 条评论
  • 起衣

    虽然访客可能很难的直接访问到 /webslice 这个页面,但还是建议在这个页面上也加上 “添加到webslice ”的功能~

    2010 年 03 月 01 日 8:17 上午 回复

    • Picturepan2

      @起衣 无意义的,既然可以在几乎所有博客页面里订阅 Web Slice,况且 Web 页面本身不容易被访问到,就没必要添加的。

      2010 年 03 月 01 日 1:38 下午

  • Windows 8

    貌似livesino.net右侧Sidebar的“新文章 Web Slice”中“Web Slice”没有链接

    2010 年 03 月 01 日 9:27 上午 回复

  • led display

    Livesino

    2010 年 03 月 01 日 10:12 上午 回复

  • 寻找自己

    呵呵,看来靠近了

    2010 年 03 月 01 日 10:55 上午 回复

    • Picturepan2

      @寻找自己 每篇文章写完的时候,也基本上就是模版的那部分代码锁定的时候叻。

      2010 年 03 月 01 日 2:02 下午

  • Louis Han

    从来没用过这种高级功能呢

    2010 年 03 月 01 日 12:35 下午 回复

    • Picturepan2

      @Louis Han 如果有 IE8 就可以用叻,试试吧。不过得用 IE 才能看到 Web Slices 的提醒。

      2010 年 03 月 01 日 2:06 下午

  • yunny

    你好!你能把你空间的主题发给我一份吗?谢谢了!我在你网站上下载的和你的不一样呢? 加我的msn:[email protected] 谢谢了!

    2010 年 03 月 01 日 2:31 下午 回复

    • Picturepan2

      @yunny 那个下载的是 以前版本的主题。我会统一发布新版 Theme Codename H 的。 :)

      2010 年 03 月 01 日 2:37 下午

    • yunny

      @Picturepan2 你可以先发给我一份吗? 谢谢了!

      2010 年 03 月 01 日 9:30 下午

  • Windows 8

    终于知道 文章 "缩图" 和 "widget"在哪里加了。。这个建议新版H可以写进去,或者给他们个教程也行,我已经加上了。很好用。

    2010 年 03 月 01 日 4:47 下午 回复

  • 起衣

    我一直很想知道single页或者index的 %条评论 是怎么弄的, 四个字都是链接的话应该是从comments_popup_link 输出的吧,那又怎么设置 % 的单独样式呢

    2010 年 03 月 02 日 5:14 下午 回复

    • Picturepan2

      @起衣 可以这样的啊:% 条评论。。

      2010 年 03 月 02 日 5:56 下午

    • 起衣

      @Picturepan2 原来可以这样...我2 了...

      2010 年 03 月 02 日 10:47 下午

    • Picturepan2

      @起衣 额 看到叻咯?我居然没注意到 它把 HTML 标签过滤掉叻。

      2010 年 03 月 02 日 11:07 下午

    • 起衣

      @Picturepan2 看到了,这问题疑惑了好久...

      2010 年 03 月 02 日 11:37 下午

    • @起衣  哈哈 测试

      2010 年 08 月 03 日 2:24 下午

  • Leo

    我也想要一份新的,之前那份好久了。

    2010 年 03 月 16 日 10:28 下午 回复

  • 小不点。

    皮不错 正在用

    2010 年 04 月 24 日 4:23 下午 回复

  • 周志军

    HI,Picturepan2,请教你一个关于Web Slice的问题,我安装了你的主题,并且用自己浏览器订阅我博客额快讯,然后再浏览器收藏栏打开的时候却是"我们无法显示此视图",而你的博客却可以,下面显示的链接是http://www.某.com/webslice,请问我哪里错了呢?还是有什么动作没有做?

    2012 年 08 月 04 日 2:47 上午 回复

    • Picturepan2

      请给我看看您的网站?……还有,我打算放弃 Web Slice 了。使用的人不多。

      2012 年 08 月 04 日 9:59 上午

    • leetom

      确定要放弃,以后只用RSS?目前我浏览器上有两个Web Slice订阅,一个新浪新闻,一个LiveSino。

      2012 年 08 月 04 日 10:40 上午

    • 周志军

      感谢你的关心,你帮我看一下吧,地址是http://www.zhouzhijun.com,环境是Litespeed+Mysql,现在正在准备阶段,刚刚开始摸索,谢谢帮助!!!

      2012 年 08 月 04 日 8:48 下午

    • Picturepan2

      1)新建一个页面,把它的模版设置为 Web Slice
      2)将该页面固定链接的名字设置为 /webslice 应该就能解决了。

      2012 年 08 月 05 日 9:35 上午

    • 周志军

      Picturepan2,谢谢你的帮助,我按照你的方法,果然是可以解决这个问题的!请问我这个问题是个案呢,还是其他什么原因?

      2012 年 08 月 05 日 7:18 下午

    • 周志军

      另,为了方便你排查故障,我已经停用了所有插件,如果有需要,可以提供后台密码。

      2012 年 08 月 04 日 8:55 下午

发表评论