首页 / 技术 / 正文

本站自用原创手机主题-YMobile 分享下载

2014年04月16日 21 条评论 ... 技术 /

随着手机上网越来越普及,移动互联地位显得越来越重要,现在还没有手机版网站的站长出来都不好意思跟人打招呼。虽然这样说,可是我今天才正式启用了有野出没手机版主题,断断续续花了几天晚上的时间搞出来的,暂时还没发现BUG,技术含量比较低,出于显摆的目的,特别分享出来给大家。

其实最好的手机主题就是使用响应式主题,直接自适应手机页面,不过,因为我现在还没搞懂响应式主题到底是啥玩意,所以就才用了专门为网站准备一个手机主题的简单粗暴的方式。

本款主题,我起名叫做 YMoblie,是基于知更鸟的手机主题为蓝本做出来的。风格借鉴了当下比较流行的收费主题,加上了我喜欢的元素,匹配了我个人对手机网站的概念的理解。

手机版预览

 

整体布局如图,header 部分放置了博主的头像和网站标题以及描述,用这么大的作者头像充分显示了博客博主的地位,适合个人博客使用。页面的整体是使用了标题+摘要的结构,简单清晰。页面的翻动我删掉了JS在同一页面加载的方式,而是还原了原本的翻页模式,个人喜好吧,主要是我曾经也是深受低配置设备的坑害,考虑到如果在同一页面加载下一页,翻页多了,必定会占用大量的内存,导致设备卡顿。

主题的色调为蓝色为主,时间紧迫,也没有仔细研究配色方案,只是看着顺眼搭配的。

 

使用此主题请注意:

1.主题可以使用任意手机显示插件,推荐使用 MobilePress ,本站之前也有过介绍:http://www.yelook.com/369.html

2.主题顶部的作者头像要事先设定,修改 header.php 文件中

<?php echo get_avatar( 'email', '80' ); ?>

将这句代码中的 email 换成博客主的 email 地址即可。

3.此主题不支持高亮插件显示。

 

YMoblie主题下载地址:http://pan.baidu.com/s/1sjEsGt3

欢迎预览本站手机页面:http://www.yelook.com/?mobile

21 条评论

Loading...
  1. 银鸥

    还不错,挺简介的。

    2014-04-17 [回复]
  2. 小二苘

    不错,我还没学会怎么做手机主题呢

    2014-04-18 [回复]
  3. 临沭人

    这个不错,官方的插件不够人性化

    2014-04-18 [回复]
  4. Wings Blog

    可惜我的不是wordpress

    2014-04-18 [回复]
  5. 祥磊部落

    体不错的

    2014-04-19 [回复]
  6. AdanWeidan

    我觉得的楼主的WP够快 怎么弄的

    2014-04-20 [回复]
    • 有野出没

      香港是主机,所以快些,没有做优化,原来用的缓存,现在去掉了。

      2014-04-20 [回复]
  7. ysbinang

    很好,但你能改一下吗?我不怎么会代码,你把宽度能不能弄成不是固定的,就是可以放缩的,然后自动适应什么的。。。。。我之前的文章都加了pre标签,这样的话你的主题我的文章就看不到了

    2014-04-20 [回复]
    • 有野出没

      如果修改成为可以缩放的就称不上是手机主题了,因为在主题上添加了meta name=”viewport” content=”width=device-width, initial-scale=1″对于你这种情况,可以单独为pre标签设置CSS样式。

      2014-04-21 [回复]
      • ysbinang

        嗯,我把这句删了,可以了,看着还行吧,其实我之前的也可以,但是我不希望我之前的主题识别这是个手机,不知道怎么改,就用你的手机主题了,还可以

        2014-04-21 [回复]
      • ysbinang

        还有个问题,请教你一下,我的页面有好几个,在电脑端是在导航栏展示出的,在手机端没有这个导航栏,就显示不出我的留言板了,这个怎么解决?

        2014-04-21 [回复]
        • 有野出没

          我看了一下你的网站,是这样的,默认导航栏显示的是网站的栏目,就是category里面的东西,留言板属于page,默认是不显示的。

          2014-04-21 [回复]
          • ysbinang

            还有个问题,也是关于导航栏的,在Chrome下非全屏的话不正常显示,这个怎么解决

            2014-04-21 [回复]
            • 有野出没

              这是我特意这样设置的,如果不喜欢的话,可以将.menu-main的css中的宽度(width)改成100%。即 width: 100%;

              2014-04-21 [回复]
              • ysbinang

                不是,我说的是电脑端的

                2014-04-21 [回复]
                • 有野出没

                  是你用的主题吗?导航栏偏右是吧,把 #nav_right_menu 中的 float: right; 这句删掉就可以了。

                  2014-04-21 [回复]
  8. Nifree

    齐工大校友飘过

    2014-04-25 [回复]
  9. 减肥食谱

    这里的内容真的不错。支持一下。。

    2015-01-20 [回复]

发布评论