Midousir

Mr.Midou's life record

Wordpress关于手机端主页单独设置方法

手机端页面在现在是越来越主流了,通过手机浏览网页的用户现在已在互联网占据主导地位,所以,对于一个站长来说,处理好手机端网页的浏览是非常重要的。现在的主题都是响应式布局,一个网站在任何终端里都可以正常显示,但是国内市场注定了不像国外市场一样,对手机端的要求比较高,需要单独的制作页面。那么,如何做到手机访问wordpress PC网站时如何跳转到它的手机网站

下面介绍几个方法,实现手机端访问主页自主判断是PC端还是手机端或者平板端,跳转到相应的地址。

方法一 用JS实现判断跳转

在<head>头部文件添加如下代码,在浏览进站时候就会先判断是否是手机端,如果是,直接跳转到相应的地址(这里比较适合建立了m.xxx.com域名)类型的跳转,主要m.xxx.com利于手机百度的搜索。

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){}
}
}

方法二 修改.htaccess文件

修改服务器的.htaccess文件,重改服务器规则,利用规则来判断,这个跳转适用的比较广,可以不争对域名,直接地址都行,修改下面红色部分地址即可。

RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (android|blackberry|iemobile|ipad|iphone|ipod|palmos|webos) [NC]
RewriteRule ^(.*)$ http://m.39mnk.net/ [R,L]

手机端单独显示的好处,在THE7等主题上就很有优势,特别是做企业主题,用可视化插件,就意味着大量的代码(css\js),对于站点的打开速度有一定的影响,虚拟机用户尤为明显,因此,PC Mobile两端分离,是个不错的方法。

除非注明,否则均为Midousir原创文章,转载必须以链接形式标明本文链接

本文链接:http://www.midousir.com/2018/10/wordpress-mobile-homepage/

发表评论

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