手机浏览wordpress PC网站时如何跳转到它的手机网站

扫描下面的二维码，“关注”我的百家号。

通过手机浏览网页的用户现在已在互联网占据主导地位，所以，对于一个站长来说，处理好手机端网页的浏览是非常重要的。前面我们讲过响应式布局，一个网站在任何终端里都可以正常显示。一些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网站的手机页面。