- 加入我的QQ群
- 关注我的百家号
扫描下面的二维码,“关注”我的百家号。
通过手机浏览网页的用户现在已在互联网占据主导地位,所以,对于一个站长来说,处理好手机端网页的浏览是非常重要的。前面我们讲过响应式布局,一个网站在任何终端里都可以正常显示。一些wordpress站长觉得这样还不够,他们想让PC端访问wordpress网站时显示的是PC端的域名(如:www.wanlimm.com),手机端浏览wordpress网站时显示的是手机端域名(如:m.wanlimm.com),说是这样更利于百度。那么,如何做到手机访问wordpress PC网站时如何跳转到它的手机网站?
下面,高时银博客来介绍2个方式。
方式一:通过JS判断来实现wordpress网站跳转。
在网页的头部添加JS判断代码,如果是手机浏览wordpress网站,就直接跳转到wordpress网站的手机域名网站上,代码如下:
var url_m = window.location.href.replace("www","m"); //获取当前页面URL ,并把 WWW 替换成 m
if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
if(window.location.href.indexOf("?mobile")<0){
try{
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
window.location.href=url_m;
}
}catch(e){}
}
}
方式二:通过服务器重写规则来实现wordpress网站跳转。
能过重写规则来判断,如果是手机访问wordpress网站,就重定向到wordpress网站的手机域名网站上,代码如下:
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (android|blackberry|iemobile|ipad|iphone|ipod|palmos|webos) [NC]
RewriteRule ^(.*)$ http://m.39mnk.net/ [R,L]
所谓手机域名网站,可以是响应式网站,也可以是PC与手机端分离,但要求所有内容是一至的,即文章页、分类页等要对应上,所以,一般是同一个数据库的网站,只是前台页面在PC端和手机端显示的模板不一样而已,就好比川剧的变脸,脸在不停地变,脸谱后面的人是同一个人。通过上面2种方法都可以实现手机浏览wordpress PC网站时会跳转到wordpress网站的手机页面。
我需要积分 wordpress 主题制作开发视频教程
对于一个站长来说,处理好手机端网页的浏览是非常重要的。
有没有其他的简单一点的办法,刚入门