当前位置:首页 » emlog » 正文

分类页和文章页“当前位置”下方广告(PC版)
分类页和文章页“当前位置”下方广告(移动版)

emlog手机版使用指定模板-不限pc自适应

579 人参与  2016年08月05日 21:44  分类 : emlog  评论

以前玩zblog的时候,看见人家有个手机版双主题调用插件,可以自由选择用哪个模板手机版的主题。但是我们要如何在emlog实现呢?今天青春博客就来说说。

首先: 需要修改根目录的index.php和init.php两个文件

修改index.php的模板路径

define('TEMPLATE_PATH', TPLS_PATH.TEMPLATE_NAME.'/');//前台模板路径

修改init.php前台路径url

//前台模板URL session_start();
if(isset($_GET['theme'])){
    $theme = $_GET['theme']=='reset' ? Option::get('nonce_templet') : $_GET['theme'];
    $_SESSION['theme']=$theme;
}elseif(isset($_SESSION['theme'])){
    $theme=$_SESSION['theme'];
}else{
    $theme='';
}
if($theme==''){
    define('TEMPLATE_NAME', Option::get('nonce_templet'));
}else{
    define('TEMPLATE_NAME', $theme);
}
define('TEMPLATE_URL', TPLS_URL.TEMPLATE_NAME.'/');

这样就可用博客地址/?theme=模板文件夹名 

代码就是要<?php echo BLOG_URL;?>?theme=模板文件夹名 

接下来就需要ua判断一下手机还是pc端访问了

<!---识别手机或电脑的js开始--->
<script language="javascript"> 
(function(){
    var res = GetRequest();
    var par = res['pc']; //获取html附带的参加pc=1,如果不为1则跳转,为1不跳转。
    if(par!='1'){
        var ua=navigator.userAgent.toLowerCase();
        var contains=function (a, b){
            if(a.indexOf(b)!=-1){return true;}
        };
//将下面的网址改成你的wap手机版页面地址
        var toMobileVertion = function(){
            window.location.href = 'http://43.225.44.25/'
        }

        if(contains(ua,"ipad")||(contains(ua,"rv:1.2.3.4"))||(contains(ua,"0.0.0.0"))||(contains(ua,"8.0.552.237"))){return false}
        if((contains(ua,"android") && contains(ua,"mobile"))||(contains(ua,"android") && contains(ua,"mozilla")) ||(contains(ua,"android") && contains(ua,"opera"))
    ||contains(ua,"ucweb7")||contains(ua,"iphone")){toMobileVertion();}
    }
})();
function GetRequest() {
   var url = location.search; //获取url中"?"符后的字串
   var theRequest = new Object();
   if (url.indexOf("?") != -1) {
      var str = url.substr(1);
      strs = str.split("&");
      for(var i = 0; i < strs.length; i ++) {
         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
      }
   }
   return theRequest;
}
</script>
<!---识别手机或电脑的js结束--->

好了教程到此结束,可以随意选择模板哦,不管是自适应还是原本的手机版都应该可以。本文转载自:思源博客



来源:新哈网(微信/QQ号:897698882),转载请保留出处和链接!

本文链接:http://www.xinha.net/post/315.html

文章底部广告(PC版)
文章底部广告(移动版)
百度分享获取地址:http://share.baidu.com/

本文标签:模板  自适应  手机版  

百度推荐获取地址:http://tuijian.baidu.com/,百度推荐可能会有一些未知的问题,使用中有任何问题请直接联系百度官方客服!
<< 上一篇 下一篇 >>
评论框上方广告(PC版)
评论框上方广告(移动版)

  • 评论(0)
  • 相关文章

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

我是标题

    内容的形式各种各样,可以是文本,也可以是各种广告等。

网络推广 | 网络营销 | 本站主题 | 网络创业 | 电子商务