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

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

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

WordPress 主题 Theme Codename H 之移动版设计
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 条,并且语句是截断的
  • 移动版日志页面,显示所有该日志的评论,语句不截断

WordPress 主题 Theme Codename H 之移动版设计
左图为 iPod Touch 截图,iPhone 效果同;中图为 Palm 截图;右图为 Android 截图

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

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

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

52 条评论
  • BluntM

    可惜移動版的不能发表評論

    2010 年 03 月 10 日 11:19 下午 回复

    • Picturepan2

      @BluntM 恩,可能会在最终版中加入 发表评论 的支持,也可能在以后加入。

      2010 年 03 月 10 日 11:32 下午

  • 寻找自己

    呵呵,我也有加入移动版的行列,可惜我这里使用手机游览的不多

    2010 年 03 月 11 日 12:02 上午 回复

    • Picturepan2

      @寻找自己 我么统计 移动版 访问量情况。但应该也不多的。我自己会刷,看留言。-.-

      2010 年 03 月 11 日 12:10 上午

  • 有点宅。

    明显在鄙视我手机不行。

    2010 年 03 月 11 日 12:54 上午 回复

  • Justice

    这个主题真是越来越完善了~很出色,不准备提交到 WordPress.org 么?

    2010 年 03 月 11 日 1:31 上午 回复

    • Windows8

      @Justice 不提交到wordpress.org,很多地方需要玩wp的朋友们自定义,这样才有意思。

      2010 年 03 月 11 日 11:26 上午

    • Justice

      @Windows8 这也不矛盾的嘛

      2010 年 03 月 11 日 12:20 下午

    • Picturepan2

      @Justice 不准备提交。我暂时没精力把 Theme Codename H 提交到 WordPress.org。看了下提交的要求,Theme Codename H 属于无法通过的那种。

      2010 年 03 月 11 日 6:27 下午

  • 大余

    不错,记得上次说主题更新将在mix10前后发布,也就是在未来的一个星期?

    2010 年 03 月 11 日 8:12 上午 回复

    • Picturepan2

      @大余 可能是吧,我自己没底。

      2010 年 03 月 11 日 6:37 下午

  • 李嘉豪

    pp2 如果能够 增加右边的 点击 评论 进入相关新闻主题就好了

    2010 年 03 月 11 日 9:16 上午 回复

    • Picturepan2

      @李嘉豪 现在不就可以的么?

      2010 年 03 月 11 日 6:36 下午

    • 李嘉豪

      @Picturepan2  哦 原来要点击 名字才行 哈哈

      2010 年 03 月 11 日 6:54 下午

  • tsian

    我的两个博客一直在用你的移动版代码 http://www.21percent.com.cn/qyll/m http://www.21percent.com.cn/ps/m

    2010 年 03 月 11 日 11:21 上午 回复

  • 小Q

    手机出去了,等回来也试试,可以的话,我模仿模仿。哈哈

    2010 年 03 月 11 日 11:39 上午 回复

  • 王佳冬

    是你自己做的吗?真不错~

    2010 年 03 月 11 日 1:03 下午 回复

  • led display

    看上去不错。支持

    2010 年 03 月 11 日 1:33 下午 回复

  • SoleilNeon

    现在看来塞班被边缘化了,我要买个Droid去。

    2010 年 03 月 11 日 4:36 下午 回复

    • Picturepan2

      @SoleilNeon 我第一个测的就是 塞班。自带的浏览器效果正常,如果用 UCWeb 那就悲剧叻。字都堆在一起叻。

      2010 年 03 月 11 日 6:45 下午

    • Ted

      在塞班的UCWEB上不管是完整版的还是移动版的显示效果都很好啊,只是完整版的评论不能分层显示…这个主题很不错滴,简洁美观:D

      2010 年 03 月 11 日 7:06 下午

    • Picturepan2

      @Ted 呵呵,我这 UCWEB 看到的是无字体大小区别、无行距区别。所以觉得悲剧,QQ 浏览器也差不多,估计是压缩太多叻。。Opera Mini 效果还蛮不错的。

      2010 年 03 月 11 日 7:22 下午

  • solar

    可否提供下载?我现在还用的 Rev.75。

    2010 年 03 月 11 日 5:05 下午 回复

  • 二十六公斤

    WP越来越完善了· ·

    2010 年 03 月 12 日 6:28 上午 回复

  • Laofei

    谢谢,很漂亮,我喜欢,我拿去用了:D

    2010 年 03 月 26 日 11:14 上午 回复

  • 起衣

    很想知道移动版本什么方法显示 Gravatar 头像的,这里貌似md5函数也不能用。 (pp2增加一个ctrl+enter提交评论吧,经常顺手的按下之后发现没反应...)

    2010 年 03 月 31 日 3:17 下午 回复

    • Picturepan2

      @起衣 $gravatar = get_avatar( esc_attr($comment->comment_author_email), 20, 'http://m.livesino.net/images/farm15/anonymous.gif');

      2010 年 03 月 31 日 7:46 下午

    • 起衣

      @Picturepan2 对于0.75版本,应该还要require哪个php才能够使用get_avatar,否则就报错了 ...

      2010 年 03 月 31 日 9:05 下午

    • Picturepan2

      @起衣 wp-config.php

      2010 年 03 月 31 日 9:31 下午

    • 起衣

      @Picturepan2 m-config.php中已经有require wp-config.php的啊,而在m-core 再require这个也没用,我还是悲剧... 等你这新版发布算了..

      2010 年 03 月 31 日 10:41 下午

    • Rui Shen

      支持了 正用这款主题

      2010 年 10 月 02 日 1:09 下午

  • kookoo

    您的Codename H Rev.96何时发布啊?

    2010 年 04 月 06 日 12:09 下午 回复

  • qq头像

    什么时候发布啊,来看看

    2010 年 04 月 23 日 2:20 下午 回复

  • 起衣

    请问PP2,增加如这篇文章截图中的数字标记1,2,3等,是使用的什么工具?

    2010 年 04 月 23 日 11:08 下午 回复

    • Picturepan2

      @起衣 Fireworks

      2010 年 04 月 24 日 8:46 上午

    • 起衣

      @Picturepan2 唔。。。我以为能有款简单的截图工具带有此功能... 什么时候能将回复邮件通知功能加进来?...可能错过很多回复了..

      2010 年 04 月 24 日 10:12 上午

  • 890

    2010 年 09 月 05 日 3:32 下午 回复

  • Baider

    我也在用这个主题,挺好看的。

    2010 年 11 月 11 日 5:00 下午 回复

  • ceven

    很不错的主题啊

    2010 年 11 月 28 日 12:29 下午 回复

  • 曲豆先生

    弱弱的问一句,如何切换到移动版

    2011 年 03 月 29 日 3:00 下午 回复

  • 浩子

    你好,我博客的自定义链接结构是:/%postname%/ 现在我用了你这个移动版的主题,直接放在根目录的,但是为什么不能访问呢?http://haozer.com/m/ 我没有用二级域名,就直接用上面那个链接形式,也在m-functions.php改了地址,但是就是显示错误,我哪儿弄错了么? 谢谢!

    2011 年 05 月 20 日 10:08 下午 回复

    • 子痕

      @浩子 呵呵,你不用此主题了啊,不然帮你看看~

      2012 年 04 月 26 日 5:57 下午

  • 小喻

    主题大爱无极限,3Q。

    2011 年 06 月 24 日 7:49 下午 回复

    • Rainbow

      超好的解决方案,我以后就不用 WordPress 移动版插件了。

      2011 年 10 月 14 日 1:59 下午

  • yangod

    可以只使用移动版吗?

    2011 年 08 月 14 日 7:18 下午 回复

  • 子痕

    求移动版的.htaccess规则~,是用的自定义的格式~

    2012 年 04 月 26 日 6:00 下午 回复

  • 礼物商店

    现在已经不用了。

    2012 年 08 月 24 日 3:57 下午 回复

  • 孤独的大侠

    站长在?我想知道为什么我安装了LiveSino移动版之后为何只显示标题,但页面是一片空白?我的移动版连接是:http://wumingshi.sinaapp.com/mob/谢谢~

    2013 年 06 月 11 日 12:10 上午 回复

  • 喜看小小说

    非常不错的主题,赞美一个。

    2013 年 11 月 20 日 9:57 上午 回复

  • Godaday

    新版主题已经做出来了,我完善了下 大家可以看godaday.tk

    2014 年 04 月 30 日 2:28 下午 回复

发表评论