随着手机上网越来越普及,移动互联地位显得越来越重要,现在还没有手机版网站的站长出来都不好意思跟人打招呼。虽然这样说,可是我今天才正式启用了有野出没手机版主题,断断续续花了几天晚上的时间搞出来的,暂时还没发现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
感谢你的赏识与认可
支付宝
微信支付
使用手机访问这篇文章
本文许可协议 © CC BY-NC-SA 4.0 转载请注明来源
- 上一篇: 快快启用高逼格独立域名邮箱-网易免费独立邮托管
- 下一篇: 响应式网页和传统网页之间的主要区别
还不错,挺简介的。
不错,我还没学会怎么做手机主题呢
其实跟电脑版主题一模一样。
求教程
这个不错,官方的插件不够人性化
可惜我的不是wordpress
体不错的
我觉得的楼主的WP够快 怎么弄的
香港是主机,所以快些,没有做优化,原来用的缓存,现在去掉了。
我的是香港的怎么也没见得快- –
很好,但你能改一下吗?我不怎么会代码,你把宽度能不能弄成不是固定的,就是可以放缩的,然后自动适应什么的。。。。。我之前的文章都加了pre标签,这样的话你的主题我的文章就看不到了
如果修改成为可以缩放的就称不上是手机主题了,因为在主题上添加了meta name=”viewport” content=”width=device-width, initial-scale=1″对于你这种情况,可以单独为pre标签设置CSS样式。
嗯,我把这句删了,可以了,看着还行吧,其实我之前的也可以,但是我不希望我之前的主题识别这是个手机,不知道怎么改,就用你的手机主题了,还可以
还有个问题,请教你一下,我的页面有好几个,在电脑端是在导航栏展示出的,在手机端没有这个导航栏,就显示不出我的留言板了,这个怎么解决?
我看了一下你的网站,是这样的,默认导航栏显示的是网站的栏目,就是category里面的东西,留言板属于page,默认是不显示的。
还有个问题,也是关于导航栏的,在Chrome下非全屏的话不正常显示,这个怎么解决
这是我特意这样设置的,如果不喜欢的话,可以将.menu-main的css中的宽度(width)改成100%。即 width: 100%;
不是,我说的是电脑端的
是你用的主题吗?导航栏偏右是吧,把 #nav_right_menu 中的 float: right; 这句删掉就可以了。
齐工大校友飘过
这里的内容真的不错。支持一下。。