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

2010 年 3 月 1 日, 12:18 上午 - By Picturepan2

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

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

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

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

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

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

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 所采用的调用方式，可支持搜索表单。

21 条评论

2010 年 03 月 01 日 8:17 上午起衣25482

虽然访客可能很难的直接访问到 /webslice 这个页面，但还是建议在这个页面上也加上 “添加到webslice ”的功能~
回复
- 2010 年 03 月 01 日 1:38 下午 Picturepan225491
  
  @起衣无意义的，既然可以在几乎所有博客页面里订阅 Web Slice，况且 Web 页面本身不容易被访问到，就没必要添加的。
2010 年 03 月 01 日 9:27 上午 Windows 825484

貌似livesino.net右侧Sidebar的“新文章 Web Slice”中“Web Slice”没有链接
回复
- 2010 年 03 月 01 日 1:43 下午 Picturepan225492
  
  @Windows 8 直接添加就行叻。
2010 年 03 月 01 日 10:12 上午 led display25485

Livesino
回复
2010 年 03 月 01 日 10:55 上午寻找自己25489

呵呵，看来靠近了
回复
- 2010 年 03 月 01 日 2:02 下午 Picturepan225493
  
  @寻找自己每篇文章写完的时候，也基本上就是模版的那部分代码锁定的时候叻。
2010 年 03 月 01 日 12:35 下午 Louis Han25490

从来没用过这种高级功能呢
回复
- 2010 年 03 月 01 日 2:06 下午 Picturepan225494
  
  @Louis Han 如果有 IE8 就可以用叻，试试吧。不过得用 IE 才能看到 Web Slices 的提醒。
2010 年 03 月 01 日 2:31 下午 yunny25496

你好！你能把你空间的主题发给我一份吗？谢谢了！我在你网站上下载的和你的不一样呢？
加我的msn：sorlinux@hotmial.com 谢谢了！
回复
- 2010 年 03 月 01 日 2:37 下午 Picturepan225497
  
  @yunny 那个下载的是以前版本的主题。我会统一发布新版 Theme Codename H 的。
- 2010 年 03 月 01 日 9:30 下午 yunny25501
  
  @Picturepan2 你可以先发给我一份吗？谢谢了！
2010 年 03 月 01 日 4:47 下午 Windows 825499

终于知道文章 “缩图” 和 “widget”在哪里加了。。这个建议新版H可以写进去，或者给他们个教程也行，我已经加上了。很好用。
回复
2010 年 03 月 02 日 5:14 下午起衣25516

我一直很想知道single页或者index的 %条评论是怎么弄的，四个字都是链接的话应该是从comments_popup_link 输出的吧，那又怎么设置 % 的单独样式呢
回复
- 2010 年 03 月 02 日 5:56 下午 Picturepan225519
  
  @起衣可以这样的啊：% 条评论。。
- 2010 年 03 月 02 日 10:47 下午起衣25526
  
  @Picturepan2 原来可以这样…我2 了…
- 2010 年 03 月 02 日 11:07 下午 Picturepan225528
  
  @起衣额看到叻咯？我居然没注意到它把 HTML 标签过滤掉叻。
- 2010 年 03 月 02 日 11:37 下午起衣25529
  
  @Picturepan2 看到了，这问题疑惑了好久…
- 2010 年 08 月 03 日 2:24 下午大30749
  
  @起衣
  
  哈哈测试
2010 年 03 月 16 日 10:28 下午 Leo25945

我也想要一份新的，之前那份好久了。
回复
2010 年 04 月 24 日 4:23 下午小不点。27171

皮不错正在用
回复