拇指读 wordpress 手机版主题修正版,希望高手指正

2015-02-08 15:28:58 +08:00
 jeequ

初次制作了一个手机版主题,在大家帮忙测试之下,发现很多问题,后来干脆重新做。
本人不是程序员,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

3117 次点击
所在节点    WordPress
9 条回复
zjgood
2015-02-08 17:26:46 +08:00
不错的站,看了好几篇
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上次的微信红包:)
jeequ
2015-02-08 18:15:37 +08:00
@kmvan 文章形式,对于我自己来说,暂时只用到3-4个,根据需求可以增加。

手机和PC是完全两套不同的主题嘛,所以PC上没有菜单侧栏。

手机版没有采用响应式。

PS:想跟你换个首页链接可以否,给我这个6年老站(新域名)带动一下?
jeequ
2015-02-08 21:23:31 +08:00
@kmvan 现在滚动效果修改了,你可以在试试
kmvan
2015-02-08 21:40:59 +08:00
@jeequ 现在滚动效果修改了,你可以在试试

好像还是一样。开始滚动的一下,会卡一下,运算量极高,掉帧很厉害。
jeequ
2015-02-08 23:16:46 +08:00
@kmvan 在你的手机上怎么是这个模样啊,感谢了…… 我得找个安卓手机来
jeequ
2015-02-08 23:22:49 +08:00
@kmvan 内容页滚动卡吗
jeequ
2015-02-08 23:30:02 +08:00
@kmvan 已经关闭一些特效,减少性能损耗
yescola
2015-02-18 00:22:33 +08:00
很赞的!!!!

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/169270

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX