初次制作了一个手机版主题,在大家帮忙测试之下,发现很多问题,后来干脆重新做。
本人不是程序员,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
1
zjgood 2015-02-08 17:26:46 +08:00 via Android
不错的站,看了好几篇
|
2
kmvan 2015-02-08 17:53:35 +08:00
* 把侧栏携程静态html代码,这个不科学。主题一升级,要让用户又去修改html吗?很多用户都不懂html的。
* 在MX3上,一般触摸屏幕一边滑动,视图会变得一卡一卡的,应该是某个算法运算量大了点? * WP的文章形式,我没记错的话,应该有7个把,你的才4个!XX症肿么办。 * 主题貌似响应式尺寸少了一两个部分- - * 手机上能看到菜单侧栏,PC上看不到呢 * 主题貌似略简单了点,如果有两点就更好了。 我也是搞 WP 主题的,所以对 WP 主题的评价从不留情,得罪之处请见谅。总的来说,还行,但离大师级别,还有一段距离。 PS歪楼+广告:lz 的主题风格令我想起我的某主题( http://demo.shejidaren.com/dr-ii/ )。很高兴能看到原创 WP 主题,lz 加油! --------- PS:感谢lz上次的微信红包:) |
3
jeequ OP @kmvan 文章形式,对于我自己来说,暂时只用到3-4个,根据需求可以增加。
手机和PC是完全两套不同的主题嘛,所以PC上没有菜单侧栏。 手机版没有采用响应式。 PS:想跟你换个首页链接可以否,给我这个6年老站(新域名)带动一下? |
9
yescola 2015-02-18 00:22:33 +08:00
很赞的!!!!
|