资讯

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

· Picturepan2

本文是 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 和配件促销

Codename HLiveSinoMobileWordPress主题
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 上午

  • Picturepan2

    @有点宅。 你那移动版看起来如何呢？

    2010 年 03 月 11 日 1:19 上午

  • Justice

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

    2010 年 03 月 11 日 1:31 上午

  • 大余

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

    2010 年 03 月 11 日 8:12 上午

  • 李嘉豪

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

    2010 年 03 月 11 日 9:16 上午

  • tsian

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

    2010 年 03 月 11 日 11:21 上午

  • Windows8

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

    2010 年 03 月 11 日 11:26 上午

  • 小Q

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

    2010 年 03 月 11 日 11:39 上午

  • Justice

    @Windows8 这也不矛盾的嘛

    2010 年 03 月 11 日 12:20 下午

  • 王佳冬

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

    2010 年 03 月 11 日 1:03 下午

  • led display

    看上去不错。支持

    2010 年 03 月 11 日 1:33 下午

  • SoleilNeon

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

    2010 年 03 月 11 日 4:36 下午

  • solar

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

    2010 年 03 月 11 日 5:05 下午

  • Picturepan2

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

    2010 年 03 月 11 日 6:27 下午

  • Picturepan2

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

    2010 年 03 月 11 日 6:36 下午

  • Picturepan2

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

    2010 年 03 月 11 日 6:37 下午

  • Picturepan2

    @王佳冬 恩~ :D

    2010 年 03 月 11 日 6:37 下午

  • Picturepan2

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

    2010 年 03 月 11 日 6:45 下午

  • 李嘉豪

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

    2010 年 03 月 11 日 6:54 下午

  • Ted

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

    2010 年 03 月 11 日 7:06 下午

  • Picturepan2

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

    2010 年 03 月 11 日 7:22 下午

  • 二十六公斤

    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 下午

  • 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 下午

  • Rui Shen

    支持了 正用这款主题

    2010 年 10 月 02 日 1:09 下午

  • 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 下午

  • 小喻

    主题大爱无极限，3Q。

    2011 年 06 月 24 日 7:49 下午

  • yangod

    可以只使用移动版吗？

    2011 年 08 月 14 日 7:18 下午

  • Rainbow

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

    2011 年 10 月 14 日 1:59 下午

  • 子痕

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

    2012 年 04 月 26 日 5:57 下午

  • 子痕

    求移动版的.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 下午

评论当前被关闭。