WordPress 主题 Theme Codename H 之移动版设计
本文是 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 条评论
可惜移動版的不能发表評論
@BluntM 恩,可能会在最终版中加入 发表评论 的支持,也可能在以后加入。
呵呵,我也有加入移动版的行列,可惜我这里使用手机游览的不多
@寻找自己 我么统计 移动版 访问量情况。但应该也不多的。我自己会刷,看留言。-.-
明显在鄙视我手机不行。
@有点宅。 你那移动版看起来如何呢?
这个主题真是越来越完善了~很出色,不准备提交到 WordPress.org 么?
@Justice 不提交到wordpress.org,很多地方需要玩wp的朋友们自定义,这样才有意思。
@Windows8 这也不矛盾的嘛
@Justice 不准备提交。我暂时没精力把 Theme Codename H 提交到 WordPress.org。看了下提交的要求,Theme Codename H 属于无法通过的那种。
不错,记得上次说主题更新将在mix10前后发布,也就是在未来的一个星期?
@大余 可能是吧,我自己没底。
pp2 如果能够 增加右边的 点击 评论 进入相关新闻主题就好了
@李嘉豪 现在不就可以的么?
@Picturepan2
哦 原来要点击 名字才行
哈哈
我的两个博客一直在用你的移动版代码
http://www.21percent.com.cn/qyll/m
http://www.21percent.com.cn/ps/m
手机出去了,等回来也试试,可以的话,我模仿模仿。哈哈
是你自己做的吗?真不错~
@王佳冬 恩~
看上去不错。支持
现在看来塞班被边缘化了,我要买个Droid去。
@SoleilNeon 我第一个测的就是 塞班。自带的浏览器效果正常,如果用 UCWeb 那就悲剧叻。字都堆在一起叻。
在塞班的UCWEB上不管是完整版的还是移动版的显示效果都很好啊,只是完整版的评论不能分层显示…这个主题很不错滴,简洁美观:D
@Ted 呵呵,我这 UCWEB 看到的是无字体大小区别、无行距区别。所以觉得悲剧,QQ 浏览器也差不多,估计是压缩太多叻。。Opera Mini 效果还蛮不错的。
可否提供下载?我现在还用的 Rev.75。
WP越来越完善了· ·
谢谢,很漂亮,我喜欢,我拿去用了:D
很想知道移动版本什么方法显示 Gravatar 头像的,这里貌似md5函数也不能用。
(pp2增加一个ctrl+enter提交评论吧,经常顺手的按下之后发现没反应…)
@起衣 $gravatar = get_avatar( esc_attr($comment->comment_author_email), 20, ‘http://m.livesino.net/images/anonymous.gif‘);
@Picturepan2 对于0.75版本,应该还要require哪个php才能够使用get_avatar,否则就报错了 …
@起衣 wp-config.php
@Picturepan2 m-config.php中已经有require wp-config.php的啊,而在m-core 再require这个也没用,我还是悲剧… 等你这新版发布算了..
支持了 正用这款主题
您的Codename H Rev.96何时发布啊?
什么时候发布啊,来看看
请问PP2,增加如这篇文章截图中的数字标记1,2,3等,是使用的什么工具?
@起衣 Fireworks
@Picturepan2 唔。。。我以为能有款简单的截图工具带有此功能…
什么时候能将回复邮件通知功能加进来?…可能错过很多回复了..
我也在用这个主题,挺好看的。
很不错的主题啊
弱弱的问一句,如何切换到移动版
你好,我博客的自定义链接结构是:/%postname%/
现在我用了你这个移动版的主题,直接放在根目录的,但是为什么不能访问呢?http://haozer.com/m/
我没有用二级域名,就直接用上面那个链接形式,也在m-functions.php改了地址,但是就是显示错误,我哪儿弄错了么?
谢谢!
主题大爱无极限,3Q。
超好的解决方案,我以后就不用 WordPress 移动版插件了。
可以只使用移动版吗?