主题优化小记
已经很久没有改主题了,看到大家的主题都纷纷升级,尤其是手机端,纷纷往主流优化,这几天也修改了一些,具体如下:
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,稍后一定会改。
说得不对还请纠正,最后欢迎试试窗口变大变小,给点建议,谢谢,也谈谈你的看法。
上一篇:简单实现可伸缩搜索框
见证一个主题的诞生
你可以去借鉴一下其他的主题,把某些东西用到你的主题上
@vitas 嗯嗯,很多人用后台默认主题做框架,然后开始加入修改自己要的。
前來支持一下~博主加油!!!!!
@超級efly 谢谢,我也去你那里支持了。
我是万年不变了,懒得折腾,手机访问你的主题,还不错
@Allan 谢谢夸奖,谢谢测试 :)
手机端的确是个趋势,流量占比不断提高,连我这7年都不变主题的都换了新的。
@SoleilNeon 嗯,现在很多人差不多都是低头族,手机控了。
很好看哈
@惜乐wordpress 谢谢,嘿嘿。
手机端的菜单导航条是个大问题,好不容易找到个方案,一直没有时间做,郁闷。
@tiandi 嗯,等你有时间了,搞起来挺有成就感,呵呵。
你还是个技术能手呢,佩服。这一点,我是菜鸟。
@赵强 不会啊,我也很菜,只是有耐心折腾,哈哈。
@赵强 你的文才很好,佩服佩服。
评论框放右边很有意思呢,看来许久没来,新增加了很多有趣的东西。
@ChoJemmy 有什么?好像没有东西哦。。。不会看错了吧?
挺美观的
嗯,手机上和你的截图效果一样,很棒
@路易大叔 谢谢,你的网站不能访问了,已经很久了。
@郑永 他的网站能打开呢..是不是服务器屏蔽了国外的ip?
@vitas 有可能!我这边打不开他的网站。
求最新的主题,我下载和你的好像有区别吗,没有给文章投票
@似水流年 OK,稍后放出,嘿嘿 :) 谢谢关注。
@郑永 耐心等待中,可以发我邮箱,感谢分享
@似水流年 好的。
@郑永 还没更新下载地址吗
@似水流年 快了,这个星期一定发,嘿嘿。
@似水流年 OK,已经发到你邮箱了,请查收 :)
@郑永 首先感谢分享,我在我主站添加,出现首页css好像不能加载的问题,现在把主题放在我调试的网站http://zblog.farcai.com这个上面,你帮忙看下,我点击文章以后加载不聊,还有你的文章评个份是那个插件。
@似水流年 经测试貌似是开启显示缩略图后
@似水流年 评论貌似也不行啊
wordpress有is_mobile()函数,做判断就好啦
@西门 不行的,哈哈。。。我之前就是用is_mobile()函数。
我下载了你的站的css,但是没发现有自适应的代码,求分享
@韩饭吧 查找 @ 就会发现有。
作者耐心帮助修复了好多问题,在这里表示感谢
@似水流年 不用客气,呵呵。
@似水流年 评论回调函数有点问题,其他都可以了