现在的位置: 首页网络>正文
几款目前主流的wordpress实现手机模板的插件
发表于5年前 网络 评论数 42

几款目前主流的wordpress实现手机模板的插件

移动互联网目前是大势所趋,什么网站都得有个适合手机访问的页面,且不说制作客户端,APP之类高端的,最起码要在世界装机量最多的手机浏览器UC上正常显示嘛。有的wordpress天然就适合手机访问,在手机上显示还是比较整齐的,浏览还算正常,但是还是有很多主题由于追求繁杂华丽的页面效果,过多的使用JS,JQuery导致直接在手机上访问显示出来的是一塌糊涂,而且很费流量,这样对于访客实在是太不友善了。 为此,给手机增加一个专门的手机模板就很有必要了,我们可以通过插件来实现,这些插件都有浏览器访问标示(user-agent)识别的代码,如果用户是通过手持设备访问,就会自动跳转到手机模板的页面。

wordpress

Wp-t-wap

这个使用的人数不算多,但是有一个很出名的博主在用,那就是大名鼎鼎的36kr(36氪),这个插件装上之后,会在根目录生成一个叫wap的文件夹,用户访问“saintsky.info/wap”就可以进入到专门的手机页面。该插件后台的选项很少,基本上保持默认就可以了,没什么需要特殊修改的。36氪把这个主题稍微的修改了一下,原本只有相关文章的插件,他们增加了热门文章,还有推荐阅读,并且在底部增加了一个搜索框。

wp-t-wap

wp-t-wap的优点:全部的页面都很清爽,页面条理清晰,基本上没有使用图片,都是靠CSS来实现颜色效果,后台功能比较全,是精简过后的后台,能满足日常的管理和文件发布。

wp-t-wap

wp-t-wap的缺点:评论页面跟文章页面不在一起,要想评论的话,得点击“x人评论”,之后才会进入评论页面,不是很清楚的人一般会误以为无法评论,不过有人把模板修改了,把评论页面放到文章页面,所以说这缺点也不大。不支持浏览器访问标示(user-agent)识别,无法自动跳转,只能告诉用户访问“saintsky.info/wap”,或者在页面底部添加一个超链接,不过可以添加一段代码实现跳转,这个缺点不是什么问题。

wp-pwap

总结:如果想要进行拓展和二次开发,我推荐使用Wp-t-wap,功能上本身就完全足够了,模板的函数调用跟电脑的模板一样,利于开发,拓展更多功能,习惯于电脑上的模板开发的用户可以很轻松的开发手机模板。

Wptouch

这个是目前最最受到热捧的那么一款手机模板(36kr也在用,囧,他有两个手机模板块I啊),从名字上我们就可以看出这是一款为触摸屏设备准备的插件,这个插件有免费版和收费版,免费版的功能就已经足够一般用户使用了,不知道收费版会是怎样的牛逼。之所以那么受欢迎是因为这个插件的显示效果非常好,拥有淡入淡出效果,灯箱效果,下拉菜单,等等非常炫目的效果,在iphone和安卓设备上有极佳的阅读体验,完全不输给某些网站做的客户端。该插件安装之后,还需要将“wptouch/themes”里的文件移动到“wp-content/themes”里。因为是国外的东西,为了符合国情,还要在后台自定义 User-Agent 里面填入UC的浏览器标示,好像是UCWEB,大家有空自己查查。后台设置我也不具体介绍了,都用汉化版,语言包MO结尾的那个文件是放在lang那个文件里,汉化之后一般人都看得懂。

wptouch

Wptouch的优点:除了上面所说的炫目之外,显示效果出众之外,比较强大的就是页面用了一个JS,JS里面大概用的是JQuery脚本,可以使得页面适应任何屏幕的大小,里面的图片和视频可以自适应屏幕大小,输入框和搜索框宽度也是自适应的。还有就是我比较欣赏的就是这个插件代码的书写,因为这几天我也在改我的手机模板,本身就是门外汉,如果代码写得不没有条理,注释不够全面,模板改起来就很累人,但是Wptouch的代码十分整齐,注释也都很清晰全面,不愧是能拿来卖的。

wptouch

Wptouch的缺点:再好的东西也有缺点,这个也不例外。比较大的缺点就是因为使用了JS,所以低端设备上无法显示那些高端的效果,特别是UC浏览器,是不支持JS的,不过UC旗下有个UCmobile,UCmobile相对于模拟电脑访问的这么一个手机浏览器,支持JS,Flash等电脑浏览器上支持的功能,HTML5更是不在话下,这个软件是在手机端进行解析,跟UCweb在服务器端进行转码不一样,也就是说,用UCmobile浏览时,手机先把全部页面下载到手机上,再进行排版,特别费流量,不是WIFI的用户我不太推荐使用。还有一个缺点就是使用了太多图片,费流量,一个手机站能不用图片就不用,要知道国内不同于国外,都是按M计算的,又没有包月,而且图片太多会使得手机浏览器渲染的速度变慢,打开页面就会很卡,特别是我这种低端配置的手机,不过名字Wptouch,毕竟是考虑触摸屏用户,但是一般触摸屏的手机配置不会低到哪里去,特别是目前安卓机白菜价的情况下,不过我看见有个博主把这个模板改了,去掉所有图片,打开速度还是不错的,可惜显示效果就不华丽了。

wptouch

总结:如果你想忽略低端手机用户,那么推荐你使用Wptouch,目前主流手机都能正常访问,并且显示效果出众,是时下青年博主必备的wordpress插件。

另附WPtouch汉化中文包下载,请上传至wp-content/plugins/WPtouch/lang,插件更新后需重新上传。(点击下载

WordPress-mobile-pack

最后一个,也是我重点推荐的,Wordpress-mobile-pack,这个插件是比较老牌的生产手机页面的插件之一了,拓展比较简单,使用的人还是比较多的。至于为什么我重点推荐,那是因为saintsky用的就是这款插件,并且是我自己修改过的哦,不容易不容易,我可以证明,一个不是很懂代码的人也是可以修改模板的,哈哈,为了纪念我这伟大的创举,我决定把我修改过的这个模板出售,定价30块钱,要买的请留言跟我联系,这个收费其实很合理滴,刚好我一年主机费,而且按照国情,只要我卖出一份,网上就绝对有无数的免费版本供应了,所以我就打算卖出一份。修改之后增加相关文章,没有相关文章就显示随机文章,并且把搜索框放到全局顶部,底部模仿36氪进行了修改,优化欧鹏浏览器下导航栏的显示效果,文本框和搜索框宽度自适应,对字体也做了些调整,具体效果请点击saintsky网站底部的“切换到移动网站”。当然,我不太推荐大家买,毕竟我都能改,你们自己也是能改的。

Wordpress-mobile-pack

WordPress-mobile-pack的优点:页面简洁,基本上显示的效果跟Wp-t-wap一样,确切的说比Wp-t-wap还要美观,并且评论页面跟文章页面在同一页,这样还是比较合理的,然后本身自带搜索功能,总的来说事先了大部分需要的功能。可拓展性强,更跟上面两种相比,这个插件拓展更简单,可以调用wordpress里的侧边栏小工具,也就是说,你想添加什么功能,只要在侧边栏里添加,然后在Wordpress-mobile-pack启用就可以显示了,毕竟小工具还是比较容易开发的。本身自带对高端诺基亚以及iphone和安卓显示优化的功能,可惜优化的不多,只是增加按钮立体感,以及各部分可折叠。

Wordpress-mobile-pack

WordPress-mobile-pack的缺点:缺点之一就是目前没有后台的汉化文件,确切的说是无法成功汉化,不知道为什么。我一般都直接使用电脑页面的后台,UC浏览器访问wordpress的后台显示还是比较理想的,所以这个缺点不大。还有一个缺点就是代码没有使用标准的语法,不知道用的什么语法结构,跟一般的模板语法不一样,调用函数的方式也不同,害我改了两天才弄明白大概的语法结构,估计是我太菜了,总之改起来比较费事,要是不支持小工具,直接改代码会让你想死。

Wordpress-mobile-pack

总结:如果喜欢折腾,那么我推荐你使用Wordpress-mobile-pack,代码写法不一般,修改麻烦,幸亏对小工具支持,不过还是各种头痛,适合各类无聊人士。

以上三款插件都支持添加谷歌的移动广告,saintsky每天有大半访客是手机用户,移动广告也是大趋势啊,一下子感觉自己就进入移动互联领域了,呵呵,不过我觉得点击率很低。以上三款都不支持镶套回复,不过Wp-t-wap已经有人改出@回复的功能了,这个也勉强可以替代镶套回复,我目前正在试图修改评论代码,希望能实现镶套回复。光从功能上来说,三个都可以完美的实现手机模板的功能,所以这三款任意一款都能满足你的需求。

目前有 42 条留言 其中:访客: 22条, 博主: 20条

  1. Ya!Wego : 2013年02月07日20:17:25 回复

    做了对比后的确很容易挑选了

    • saintsky : 2013年02月16日22:54:17 回复

      恩,是这样子的

  2. 免费外链 : 2014年09月14日01:13:10 回复

    最后一个实在讨人喜欢,简单实用

给我留言