主题优化小记

网络博客 郑永 6385℃ 39评论

已经很久没有改主题了,看到大家的主题都纷纷升级,尤其是手机端,纷纷往主流优化,这几天也修改了一些,具体如下:

1. 响应式
主题很早就支持响应式,从最早的自适应窗口大小改为了只在手机端支持响应式,就为了手机端能够看到pc端的全貌,支持手机浏览器的桌面版模式选项,到最近看到大家的手机端都已简洁为主,并且pc端支持小窗口浏览,于是最后还是决定pc与mobile都自适应,也就是大伙都在用自适应模式,连后台的主题手机端都更新用上菜单隐藏方式。

以前觉得手持端可以让用户选择pc端全貌是比较好的,不至于大家在手机端看不到网站的原貌,现在改过来发现大家都是用none和block来加载隐藏。

比如:https://github.com/zhengyong100 用手机打开,底部有PC端,当你刷新,又回到手机端,当然,在PC上浏览就没有这样效果了。

2.隐藏导航菜单
大家都这么做,其实就为了简洁,既然是手持端,屏幕大小有限,那么越简洁越好,于是就有了菜单按钮,这小按钮我原以为是个图片,原来大家都是用css搞的,也难怪,就那么3条横线组成的,用css更好,然后就是toggle,我觉得弹出层更简单,就直接用了,其实说实话,隐藏菜单不是我所喜欢的,我喜欢多展示一些,可大伙伴们都这么追求,我也跟着追起来。。。。

3.隐藏侧边栏

好吧,以前其实喜欢看到侧边栏显示,主要还是自己想看最新评论等信息,为了也感受一下简单的快乐,经过慎重考虑,还是去掉了侧边栏,当东西页面的东西少了,我在想一个问题,这些东西display none掉,那么浏览器是否加载内容呢?要是变成block后,东西才被加载进去吗?有人做过实验,none的时候,浏览器没有请求div里面的图片地址,而当block触发后,才加载了地址,这不是类似ajax效果么?我个人希望是没有加载,这样还可以加快载入速度,否则曾想过用判断语句来提高手机端的加载速度。

4.小分辨率下,加了上划显示顶部菜单,下滑隐藏菜单,这个功能挺喜欢,但估计体验一段时间就撤下。

5.网站还不是html5,稍后一定会改。

说得不对还请纠正,最后欢迎试试窗口变大变小,给点建议,谢谢,也谈谈你的看法。

转载请注明:郑永博客 » 主题优化小记

历史上的今天:

(39)个小伙伴在吐槽
Loading...
  1. vitas2014-09-13 15:42 Android Webkit 4 Android 4.1.1 回复

    见证一个主题的诞生
    你可以去借鉴一下其他的主题,把某些东西用到你的主题上

    沙发!
    • 郑永2014-09-13 19:19 Google Chrome 36 Android 4.4.2 回复

      嗯嗯,很多人用后台默认主题做框架,然后开始加入修改自己要的。

  2. 超級efly2014-09-13 18:29 Google Chrome 37 Mac OS X 10.9 回复

    前來支持一下~博主加油!!!!!

    板凳!
    • 郑永2014-09-16 02:26 Firefox 32 Windows XP 回复

      谢谢,我也去你那里支持了。

  3. Allan2014-09-13 22:18 Safari 7 iPhone iOS 7.1.2 回复

    我是万年不变了,懒得折腾,手机访问你的主题,还不错

    地板!
    • 郑永2014-09-16 02:25 Firefox 32 Windows XP 回复

      谢谢夸奖,谢谢测试 :)

  4. SoleilNeon2014-09-14 21:07 Firefox 32 Windows 8.1 回复

    手机端的确是个趋势,流量占比不断提高,连我这7年都不变主题的都换了新的。

    4楼
    • 郑永2014-09-16 02:25 Firefox 32 Windows XP 回复

      嗯,现在很多人差不多都是低头族,手机控了。

  5. 惜乐wordpress2014-09-14 22:11 Google Chrome 31 Windows 7 回复

    很好看哈

    5楼
  6. tiandi2014-09-15 12:39 Google Chrome 34 Windows 8 回复

    手机端的菜单导航条是个大问题,好不容易找到个方案,一直没有时间做,郁闷。

    6楼
    • 郑永2014-09-16 02:24 Firefox 32 Windows XP 回复

      嗯,等你有时间了,搞起来挺有成就感,呵呵。

  7. 赵强2014-09-15 16:26 Google Chrome 37 Windows 7 回复

    你还是个技术能手呢,佩服。这一点,我是菜鸟。

    7楼
    • 郑永2014-09-16 02:23 Firefox 32 Windows XP 回复

      不会啊,我也很菜,只是有耐心折腾,哈哈。

    • 郑永2014-09-16 02:26 Firefox 32 Windows XP 回复

      你的文才很好,佩服佩服。

  8. ChoJemmy2014-09-16 01:00 Google Chrome 34 Windows 7 回复

    评论框放右边很有意思呢,看来许久没来,新增加了很多有趣的东西。

    8楼
    • 郑永2014-09-16 02:23 Firefox 32 Windows XP 回复

      有什么?好像没有东西哦。。。不会看错了吧?

  9. 厦门不孕不育2014-09-16 15:43 Google Chrome 31 Windows 7 回复

    挺美观的

    9楼
  10. 路易大叔2014-09-18 16:48 Firefox 32 Android 回复

    嗯,手机上和你的截图效果一样,很棒

    10楼
    • 郑永2014-09-19 04:00 Google Chrome 37 Windows XP 回复

      谢谢,你的网站不能访问了,已经很久了。

    • vitas2014-09-19 20:47 Google Chrome 37 Windows 7 回复

      他的网站能打开呢..是不是服务器屏蔽了国外的ip?

    • 郑永2014-09-19 23:14 Firefox 32 Windows XP 回复

      有可能!我这边打不开他的网站。

  11. 似水流年2014-09-20 14:45 Google Chrome 30 Windows 8.1 回复

    求最新的主题,我下载和你的好像有区别吗,没有给文章投票

    11楼
    • 郑永2014-09-20 21:14 Firefox 32 Windows XP 回复

      OK,稍后放出,嘿嘿 :) 谢谢关注。

    • 似水流年2014-09-21 10:09 Google Chrome 30 Windows 8.1 回复

      耐心等待中,可以发我邮箱,感谢分享

    • 郑永2014-09-21 12:08 Wordpress App 3 Android 3.1.2 回复

      好的。

    • 似水流年2014-09-22 18:51 Google Chrome 30 Windows 8.1 回复

      还没更新下载地址吗

    • 郑永2014-09-23 07:12 Wordpress App 3 Android 3.1.2 回复

      快了,这个星期一定发,嘿嘿。

    • 郑永2014-09-28 10:25 Firefox 32 Windows XP 回复

      OK,已经发到你邮箱了,请查收 :)

    • 似水流年2014-09-28 13:36 Google Chrome 30 Windows 8.1 回复

      首先感谢分享,我在我主站添加,出现首页css好像不能加载的问题,现在把主题放在我调试的网站http://zblog.farcai.com这个上面,你帮忙看下,我点击文章以后加载不聊,还有你的文章评个份是那个插件。

    • 似水流年2014-09-28 17:07 Google Chrome 30 Windows 8.1 回复

      经测试貌似是开启显示缩略图后

    • 似水流年2014-09-28 17:27 Google Chrome 30 Windows 8.1 回复

      评论貌似也不行啊

  12. 西门2014-09-20 17:08 Google Chrome 37 Mac OS X 10.9 回复

    wordpress有is_mobile()函数,做判断就好啦

    12楼
    • 郑永2014-09-20 21:13 Firefox 32 Windows XP 回复

      不行的,哈哈。。。我之前就是用is_mobile()函数。

  13. 韩饭吧2014-09-28 23:15 Firefox 32 Windows XP 回复

    我下载了你的站的css,但是没发现有自适应的代码,求分享

    13楼
  14. 似水流年2014-09-29 11:35 Google Chrome 30 Windows 8.1 回复

    作者耐心帮助修复了好多问题,在这里表示感谢

    14楼
    • 郑永2014-10-01 21:07 Wordpress App 3 Android 3.1.2 回复

      不用客气,呵呵。

    • 郑永2014-10-01 21:08 Wordpress App 3 Android 3.1.2 回复

      评论回调函数有点问题,其他都可以了

gravatar
发表我的评论
取消评论


Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址