wordpress CMS主题 微信
  • 新手建站
  • Home > wordpress新手建站 > 手机浏览wordpress PC网站时如何跳转到它的手机网站

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

    高时银博客 wordpress新手建站 点击: 841 次 0 1

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


    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201705225295.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    目前还没有评论。赶快来坐沙发吧。

    发表评论