初次制作了一个手机版主题,在大家帮忙测试之下,发现很多问题,后来干脆重新做。
本人不是程序员,jQuery、Javascript、HTML、css、php,都是玩wordpress玩出来的,如果高手们发现问题,我希望您能帮我提供一个解决方案:
演示地址: http://mzdu.net
1、采用Zepto.js框架:这是专门为现代智能手机浏览器推出的 Javascript 框架, 拥有和jQuery相似的语法。提供许多触摸事件,使用jQuery来模拟触摸事件,虽然能够有效果,但会出现300ms的延迟,在手机端触发事件时就不流畅了。
2、主题CSS中全部采用百分比来控制高宽度、间距,兼容各种尺寸不一的手机,相比“响应式”就精简许多CSS样式。
3、按照wordpress提供的文章形式:标准、视频、相册,结合自定义字段,我们提供了3-4种不同的内容展现形式,如果你懂HTML,就能修改出更多的样式。
4、侧边栏水平滑动切换,这个滑动式流畅的。在许多响应式主题中,侧边栏都被隐藏或者被放在底部,需要滚动到底部才能看见,是不是不太方便呢?即使隐藏了侧边栏,但代码还是加载了,对于手机版主题来说,侧边栏通常是作为简单的站内导航而用。
我们将侧边栏写成静态HTML代码,减少数据库查询的同时,更加便于修改,只需要打开sidebar.php主题文件就能改动。
5、弹性滚动:当你使用打开一些网页,上下滚动内容时会感觉不平滑,滚动的幅度小,网页高度太长时,需要滚动很多才能到达底部。而我们修正了该体验,页面滚动就如同使用APP一样流畅,用力一滑动就能到达底部,但通常你不会这么做。这样效果只是让用户能够快速回滚到想要的位置。
效果图(贴图无效了吗)
http://ww2.sinaimg.cn/mw690/8011d8f8gw1ep1zfk3hfoj20hs0qo41g.jpg
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.