V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
jeequ
V2EX  ›  WordPress

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

  •  
  •   jeequ · 2015-02-08 15:28:58 +08:00 · 3127 次点击
    这是一个创建于 3576 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    手机版没有采用响应式。

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

    好像还是一样。开始滚动的一下,会卡一下,运算量极高,掉帧很厉害。
    jeequ
        6
    jeequ  
    OP
       2015-02-08 23:16:46 +08:00
    @kmvan 在你的手机上怎么是这个模样啊,感谢了…… 我得找个安卓手机来
    jeequ
        7
    jeequ  
    OP
       2015-02-08 23:22:49 +08:00
    @kmvan 内容页滚动卡吗
    jeequ
        8
    jeequ  
    OP
       2015-02-08 23:30:02 +08:00
    @kmvan 已经关闭一些特效,减少性能损耗
    yescola
        9
    yescola  
       2015-02-18 00:22:33 +08:00
    很赞的!!!!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1060 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 19:19 · PVG 03:19 · LAX 11:19 · JFK 14:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.