WordPress 主题 Theme Codename H 之移动版设计

2010 年 3 月 10 日, 11:08 下午 - By Picturepan2

本文是 LiveSino 的 WordPress 主题 Theme Codename H 介绍系列之一，我将在此篇中详细介绍专为手机设计的 Theme Codename H 移动版。

Theme Codename H 移动版支持浏览最新文章、最新评论、单篇文章和其评论。若要修改日志、添加评论（考虑中）、博客管理，还请切换至完整版。目前已知的 Theme Codename H 移动版站点最佳范例仅有 m.livesino.net。

Windows Phone 6.5 + Opera 移动版截图

Theme Codename H 移动版在 Windows Phone 6.5、Zune HD、iPhone、Android 等平台上的显示效果一致，且通过增高行距增强了手机的触控体验。其他手机平台也能保证基本的浏览体验，但可惜部分简体中文无法在 Zune HD 上正常显示。

1）完整版链接。两种情况：

当访问移动版首页时，此处链接即为完整版首页的 URL
当访问移动版日志页面时，此处链接即指向完整版日志的 URL

2）移动版单篇日志正文部分，保持了完整版 Theme Codename H 的基本正文文本和图片的样式。

3）移动版评论默认支持显示 Gravatar 头像，并且评论列表也分两种情况：

移动版首页，显示最新评论 8 条，并且语句是截断的
移动版日志页面，显示所有该日志的评论，语句不截断

左图为 iPod Touch 截图，iPhone 效果同；中图为 Palm 截图；右图为 Android 截图

4）即 3）中提到的日志页面的评论列表。

移动版的代码将随新版 Theme Codename H 一同发布。或许在发布前我还会新增功能，但不管怎样，移动版的设计原则和 Web Slice 页面模版一样：简洁，并专注于最新内容。

46 条评论

2010 年 03 月 10 日 11:19 下午 BluntM25741

可惜移動版的不能发表評論
回复
- 2010 年 03 月 10 日 11:32 下午 Picturepan225743
  
  @BluntM 恩，可能会在最终版中加入发表评论的支持，也可能在以后加入。
2010 年 03 月 11 日 12:02 上午寻找自己25745

呵呵，我也有加入移动版的行列，可惜我这里使用手机游览的不多
回复
- 2010 年 03 月 11 日 12:10 上午 Picturepan225746
  
  @寻找自己我么统计移动版访问量情况。但应该也不多的。我自己会刷，看留言。-.-
2010 年 03 月 11 日 12:54 上午有点宅。25748

明显在鄙视我手机不行。
回复
- 2010 年 03 月 11 日 1:19 上午 Picturepan225749
  
  @有点宅。你那移动版看起来如何呢？
2010 年 03 月 11 日 1:31 上午 Justice25751

这个主题真是越来越完善了~很出色，不准备提交到 WordPress.org 么？
回复
- 2010 年 03 月 11 日 11:26 上午 Windows825756
  
  @Justice 不提交到wordpress.org，很多地方需要玩wp的朋友们自定义，这样才有意思。
- 2010 年 03 月 11 日 12:20 下午 Justice25759
  
  @Windows8 这也不矛盾的嘛
- 2010 年 03 月 11 日 6:27 下午 Picturepan225770
  
  @Justice 不准备提交。我暂时没精力把 Theme Codename H 提交到 WordPress.org。看了下提交的要求，Theme Codename H 属于无法通过的那种。
2010 年 03 月 11 日 8:12 上午大余25752

不错，记得上次说主题更新将在mix10前后发布，也就是在未来的一个星期？
回复
- 2010 年 03 月 11 日 6:37 下午 Picturepan225772
  
  @大余可能是吧，我自己没底。
2010 年 03 月 11 日 9:16 上午李嘉豪25753

pp2 如果能够增加右边的点击评论进入相关新闻主题就好了
回复
- 2010 年 03 月 11 日 6:36 下午 Picturepan225771
  
  @李嘉豪现在不就可以的么？
- 2010 年 03 月 11 日 6:54 下午李嘉豪25775
  
  @Picturepan2
  哦原来要点击名字才行
  哈哈
2010 年 03 月 11 日 11:21 上午 tsian25755

我的两个博客一直在用你的移动版代码

http://www.21percent.com.cn/qyll/m
http://www.21percent.com.cn/ps/m
回复
2010 年 03 月 11 日 11:39 上午小Q25757

手机出去了，等回来也试试，可以的话，我模仿模仿。哈哈
回复
2010 年 03 月 11 日 1:03 下午王佳冬25761

是你自己做的吗？真不错~
回复
- 2010 年 03 月 11 日 6:37 下午 Picturepan225773
  
  @王佳冬恩~
2010 年 03 月 11 日 1:33 下午 led display25763

看上去不错。支持
回复
2010 年 03 月 11 日 4:36 下午 SoleilNeon25766

现在看来塞班被边缘化了，我要买个Droid去。
回复
- 2010 年 03 月 11 日 6:45 下午 Picturepan225774
  
  @SoleilNeon 我第一个测的就是塞班。自带的浏览器效果正常，如果用 UCWeb 那就悲剧叻。字都堆在一起叻。
- 2010 年 03 月 11 日 7:06 下午 Ted25776
  
  在塞班的UCWEB上不管是完整版的还是移动版的显示效果都很好啊，只是完整版的评论不能分层显示…这个主题很不错滴，简洁美观:D
- 2010 年 03 月 11 日 7:22 下午 Picturepan225777
  
  @Ted 呵呵，我这 UCWEB 看到的是无字体大小区别、无行距区别。所以觉得悲剧，QQ 浏览器也差不多，估计是压缩太多叻。。Opera Mini 效果还蛮不错的。
2010 年 03 月 11 日 5:05 下午 solar25767

可否提供下载？我现在还用的 Rev.75。
回复
2010 年 03 月 12 日 6:28 上午二十六公斤25785

WP越来越完善了· ·
回复
2010 年 03 月 26 日 11:14 上午 Laofei26202

谢谢，很漂亮，我喜欢，我拿去用了:D
回复
2010 年 03 月 31 日 3:17 下午起衣26356

很想知道移动版本什么方法显示 Gravatar 头像的，这里貌似md5函数也不能用。
（pp2增加一个ctrl+enter提交评论吧，经常顺手的按下之后发现没反应…)
回复
- 2010 年 03 月 31 日 7:46 下午 Picturepan226361
  
  @起衣 $gravatar = get_avatar( esc_attr($comment->comment_author_email), 20, ‘http://m.livesino.net/images/anonymous.gif‘);
- 2010 年 03 月 31 日 9:05 下午起衣26365
  
  @Picturepan2 对于0.75版本，应该还要require哪个php才能够使用get_avatar,否则就报错了 …
- 2010 年 03 月 31 日 9:31 下午 Picturepan226366
  
  @起衣 wp-config.php
- 2010 年 03 月 31 日 10:41 下午起衣26367
  
  @Picturepan2 m-config.php中已经有require wp-config.php的啊，而在m-core 再require这个也没用，我还是悲剧… 等你这新版发布算了..
- 2010 年 10 月 02 日 1:09 下午 Rui Shen32875
  
  支持了正用这款主题
2010 年 04 月 06 日 12:09 下午 kookoo26585

您的Codename H Rev.96何时发布啊？
回复
2010 年 04 月 23 日 2:20 下午 qq头像27119

什么时候发布啊，来看看
回复
2010 年 04 月 23 日 11:08 下午起衣27156

请问PP2，增加如这篇文章截图中的数字标记1,2,3等，是使用的什么工具？
回复
- 2010 年 04 月 24 日 8:46 上午 Picturepan227159
  
  @起衣 Fireworks
- 2010 年 04 月 24 日 10:12 上午起衣27163
  
  @Picturepan2 唔。。。我以为能有款简单的截图工具带有此功能…
  什么时候能将回复邮件通知功能加进来？…可能错过很多回复了..
2010 年 09 月 05 日 3:32 下午 89031902
回复
2010 年 11 月 11 日 5:00 下午 Baider34309

我也在用这个主题，挺好看的。
回复
2010 年 11 月 28 日 12:29 下午 ceven34884

很不错的主题啊
回复
2011 年 03 月 29 日 3:00 下午曲豆先生38767

弱弱的问一句，如何切换到移动版
回复
2011 年 05 月 20 日 10:08 下午浩子39603

你好，我博客的自定义链接结构是：/%postname%/
现在我用了你这个移动版的主题，直接放在根目录的，但是为什么不能访问呢？http://haozer.com/m/
我没有用二级域名，就直接用上面那个链接形式，也在m-functions.php改了地址，但是就是显示错误，我哪儿弄错了么？
谢谢！
回复
2011 年 06 月 24 日 7:49 下午小喻39999

主题大爱无极限，3Q。
回复
- 2011 年 10 月 14 日 1:59 下午 Rainbow42947
  
  超好的解决方案，我以后就不用 WordPress 移动版插件了。
2011 年 08 月 14 日 7:18 下午 yangod41074

可以只使用移动版吗？
回复