队室网站启用简洁的移动版WordPress主题

少先队室
管理员
1317
文章
0
粉丝
队室闲谈评论字数 1116阅读3分43秒阅读模式
资料U盘

曾经在两年前建站之初有这样的想法:把整个学习用wordpress搭建网站的技术性文章的实践体会记录下来,成为一本新手教程。可惜虽有零星记录,但好景不长,没能坚持。正所谓:能坚持做平凡之事,定是不平凡之人!

言归正传,现如今,手机上网已经普及,4G时代,速度也比电脑要快了许多。作为一个博客网站,如果还只是是停留在PC端,真不好意思再说高大尚的话了。以前因为知道队室网站只是一个工作网站,没人会在没事时看这样的网站,可自从有了微信[队室网站微信号www19491013com]推送最新文章之后,队室网站在移动端,特别是手机端的用户增多,有近30天流量统计图为证:

队室网站启用简洁的移动版WordPress主题-图片1

上图中移动端来路大概约是计算机端的20%左右吧!一来网站用手机访问慢,二是网站也会狂跑手机流量。

网上查了一下,要实现wordpress网站的移动化方法很多,也尝试地做了一下,记录如下:

1.使用wordpress插件:

用插件是最方便的,但也是最让站长头疼,因为有些国产插件实在太垃圾,有些国外的又不大兼容,使用不便。

像网站评价最好的一款插件:WPtouch;之前队室网站也启用过,感觉配色很不搭,修改很麻烦。又则插件三天两头更新,有一次操作不小心,没有备份CSS,前功尽弃,再也提不起精神来了。更为致命的是,作为免费版的国外插件,它与国内用户常用的UC浏览器不合,UC浏览器还是会显示电脑版的网页。具体大家可度娘。

2.使用百度开放云site app;

队室网站启用简洁的移动版WordPress主题-图片2

应该是上半年通过网站审核,认证等之类,通过了百度http://siteapp.baidu.com/,网站也是真的一步到位实现了。可效果真的是差强人意,虽有可视化的操作,但还是没能如意。就在今天,修改界面到一半时,忽然看到:

队室网站启用简洁的移动版WordPress主题-图片3

彻底晕倒,队室网站从建站之初就没想过备案,主机一直在香港,备不了!

3.使用wordpress移动端主题:

貌似有些啰嗦+显摆了,实在就是这样的人,不讲清楚很难受,就好像有学生坐在下面听课一般。

这种做法似乎比较高大一些,国内外门户级的站点还专设二级域名(类似:3g.m.开头),侦测到是移动端访问就自动跳转。

不设二级域名,又不需改动网站源代码的话,可以参照队室网站下面的做法:

WordPress移动设备检测插件+移动版主题

WordPress移动设备检测插件选用官方网站,如Any Mobile Theme Switcherwordpress mobile packDevice Theme Switcher等。在启用插件后,就要在选下面的移动端主题

简洁的Wordpress移动版主题,选自由 知更鸟 开发《Mobile pack主题》,自适应屏幕宽度,方便手机或移动设备浏览博客,Ajax无限加载文章,不支持小工具。兼容移动版的UC浏览器、天天浏览器、火狐浏览器、百度浏览器、QQ浏览器、360浏览器等。

安装并启用上述任何一款移动设备检测插件都可以,上传主题,进入插件设置页面,选择移动设备使用Mobile pack主题即可,各插件设置略有不同,大同小异,这里略过....

现在用手机访问队室网站,显示的界面如下:

队室网站启用简洁的移动版WordPress主题-图片4

网站首页

网站内容页

网站内容页

内容页底部链接

内容页底部链接

在安装完成之后,可以像队室网站一样,根据网站色调对CSS源文件进行修改。如需要帮助,也可联系,愿为人师。

PS:队室网站使用的是wordpress mobile pack插件,安装后发现网站速度奇慢,猜可能是引入了谷歌字体的胡因,又重新删除。在免费资源部落网站找到一个中文删减版的wordpress mobile pack。记得把插件的版本号删除,不然总是提醒更新,很麻烦的。

文章末尾固定信息

加入讨论圈子
长按识别
weinxin
我的微信
微信号已复制
队事集
微信公众号扫一扫
weinxin
我的公众号
公众号已复制
 
队室网站在百度的收录量急速下降 队室闲谈

队室网站在百度的收录量急速下降

最近可能是网站之前改版的后果显现,队室网站在百度的收录量急速下降,当然因为之前有过经历,所以也见怪不怪了。但为了网站的曝光率,还是有必要自我总结,写点东西记录下来。 1.看百度的脸色 在中国做网站当然...

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
确定

拖动滑块以完成验证