3步教你wordpress搭建独立m域名手机网站

2019-08-15 14:32发布

手机站点在搜索引擎上的流量是越来越大,所以做好手机站点是越来被企业重视,在我们的wordpress课程里面,给大家讲到了手机站点seo优化的配置,以及流量的获取,很多学员学完之后,在手机端取得了不错的成绩,手机端的流量和转化率提升了30%以上,这里我就简单给大家介绍下wp手机站点的配置流程,如果还是不同的用户,可以到卓出学院的wordpress课程看下!

<div>继续看div>

第一步:安装domain theme 插件

首页这是一款多插件域名,可以指定不同的主题,我们使用这个插件的目的就是用来添加m二级域名移动端的。

第二步:添加js函数来判读当前设置是否为移动端

将以下代码复制到主题的header.php文件夹当前设置是否为移动端,如果为移动端将自己转为m域名

function isMobileBrowser(){
    var result=false;
    var sUserAgent= navigator.userAgent.toLowerCase();  
    var bIsIpad= sUserAgent.match(/ipad/i) == "ipad";  
    var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os";  
    var bIsMidp= sUserAgent.match(/midp/i) == "midp";  
    var bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";  
    var bIsUc= sUserAgent.match(/ucweb/i) == "ucweb";  
    var bIsAndroid= sUserAgent.match(/android/i) == "android";  
    var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce";  
    var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile";
    if(bIsIpad||(window.screen.height>=768&&window.screen.width>=1024)){
        result=false;
    }
    else if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {  
        result=true; 
    }
    else
    {  
        result=false;
    }
    return result;
}
 
if(isMobileBrowser()){
    var currentHref=location.href;
    currentHref=currentHref.replace("www.","m.");
    location.href=currentHref;
}

第三步:数据库添加多域名访问

我们都知道wordpress安装是绑定域名的,直接将域名填写进数据库,而且只任一个域名,所以我们需要对wordpress默认数据库添加一个多域名解析功能。

$home = 'http://'.$_SERVER['HTTP_HOST']; #获取当前访问的域名
$siteurl = 'http://'.$_SERVER['HTTP_HOST'];
define('WP_HOME', $home);
define('WP_SITEURL', $siteurl);

把上面的代码放入到wp-config.php文件中,(找到wp-config的require_once(ABSPATH . ‘wp-settings.php’);在它的前面添加上面代码)。

以上就完成了我们想要的m二级域名跳手机端的效果,如果你需要独立的手机主题,通过插件就可以设置。


赞赏支持

登录 后发表评论
1条评论
大嘴猴
1楼 · 2019-09-04 17:29

不错,很方便