• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > wordpress新手建站 > 手机浏览wordpress PC网站时如何跳转到它的手机网站

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

    作者: 分类:wordpress新手建站 点击: 2,658 次
    wordpress CMS主题:ssmay主题

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



      QQ二维码

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

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.