搜索

织梦DedeCMS移动端手机端站点安装搭建使用教程

2017-12-26 11:40| 发布者: happyxp| 查看: 2123| 评论: 0

摘要: 织梦移动站使用方法:一、安装Dedecms移动站点的两种方式:(1)下载新版本直接安装使用,Dedecms版本:V5.7SP1正式版(2015-06-18)该版本包含旧版本所没有的移动站点功能。(2)老版本升级(仅针对增加移动站点功能 ...

织梦移动站使用方法:

一、 安装Dedecms移动站点的两种方式: 

(1)下载新版本直接安装使用,Dedecms版本:V5.7SP1正式版(2015-06-18)该版本包含旧版本所没有的移动站点功能。
(2)老版本升级(仅针对增加移动站点功能),下载最新版本(注意网站编码需与原站一致),复制压缩包中以下文件到原站对应目录下:

 

织梦DedeCMS移动端手机端站点安装搭建使用教程

 

注意:如果原站有非默认模板,如某栏目模板为/templets/defaultst_default_news.htm,可将/templets/defaultst_default_m.htm复制一份改名为list_default_news_m.htm。即:pc端网站模板需有对应的移动端网站模板,后者文件名为前者文件名后“_m”。

 

安装或升级dedecms完成,此时应该就可以进行制作移动网站了,但dedecms20150618版本提供的移动站点功能在使用过程中发现一些问题,需要进行修改后才可正常使用,所以有了下面的dedecms修改步骤…

 


二、修改Dedecms


(1)原站如做了将DATA移到根目录外的安全设置,需修改/m/index.php代码:


 

1if(!file_exists(dirname(__FILE__).'/../data/common.inc.php'))
2{
3header('Location:install/index.php');
4exit();
5}

 


将其中/../data/common.inc.php改为/../../data/common.inc.php,或直接将以上5行代码删除。

 

(2) 移动站点首页在会第一次访问时自动生成首页静态文件,前提是/m/目录需设置为可写权限,否则将无法正常更新。之后更新首页静态文件需登陆后台手动更新:在“更新主页HTML”中将“选择主页模板”改为“default/index_m.htm”,将“主页位置”改为“../m/index.html”,再生成主页静态文件。

 

织梦DedeCMS移动端手机端站点安装搭建使用教程

 

注意:该版本号称“自动生成HTML版”,但默认移动站模板里却有<a href="index.php">的动态首页链接,需替换为<a href="index.html">静态链接形式。
※如觉得使用静态页面麻烦,想将首页设置为动态浏览,可修改 /m/index.php 将


 

01$row['showmod']= isset($row['showmod'])? $row['showmod'] : 0;
02if ($row['showmod'] == 1)
03{
04$pv->SaveToHtml(dirname(__FILE__).'/index.html');
05include(dirname(__FILE__).'/index.html');
06exit();
07}
08else {
09$pv->Display();
10exit();
11}

 

以上代码替换为一行:$pv->Display();

 

三、首页“图文资讯”部分的url为pc端链接,修改为移动端链接:

 

搜索模板/templets/default/index_m.htm中所有<a href="[field:arcurl/]"> ,替换为<a href="view.php?aid=[field:id/]">

 

四、通用头部含有搜索框,搜索跳转至pc端搜索页面,建议删除:


在/templets/default/header_m.htm中删除以下代码:


 

1<form class="am-topbar-form am-topbar-leftam-form-inline am-topbar-right"role="search"action="{dede:global.cfg_cmsurl/}/plus/search.php">
2<input type="hidden" name="mobile"value="1" />
3<input type="hidden" name="kwtype"value="0" />
4<div class="am-form-group">
5<input name="q" type="text"class="am-form-field am-input-sm" placeholder="输入关键词">
6</div>
7<button type="submit" class="am-btnam-btn-default am-btn-sm">搜索 </button>
8</form>

 

五、移动站点默认使用二级目录,也可以使用二级域名,所以我们要设置移动站可通过二级域名访问,解析二级域名至网站所在服务器ip,并在服务器/空间上将二级域名绑定到/m/目录。

成功设置二级域名后,通过二级域名浏览网站会发现图片均无法显示,原因是图片路径有误——图片路径为“/uploads/x/y.jpg”相对根目录路径形式,在pc站页面中显示正常,因为pc站域名下存在该目录,而二级域名绑定的是二级目录,其中并不存在该目录,所以访问图片会返回 404错误。对此,有多种解决方案,下面提供几个思路(示例pc站:www.dede58.com ;移动站:m.dede58.com):

 

(1)设置dedecms使用绝对路径
进入管理后台后,点击“系统”->“系统基本参数”->“核心设置”,将其中“(是/否)支持多站点,开启此项后附件、栏目连接、arclist内容启用绝对网址:”(默认为“否”)设置为“是”。

 

(2)修改模板路径
在所有移动端模板中的<head></head>中增加:
<basehref="http://www.xp37.com" />
再将代码中的
“<a href="list.php” 改为完整路径 “<a href="http://m.xp37com/list.php”
“<a href="viewphp” 改为完整路径 “<a href=http://m.xp37.com/view.php

 

(3)URL 重写
将对http://m.xp37.com/uploads/的访问重写至http://www.xp37.com/uploads/,apache环境下,在/m/目录中的.htaccess(如无则需新建)中增加以下代码即可:


 

1RewriteEngineon
2RewriteCond %{http_host} ^m.xp37.com [NC]
3RewriteRule ^uploads/(.*)$ http://www.xp37.com/uploads/$1 [L]

 


 iis环境下类似规则。


 另:需将根目录下的/images/defaultpic.gif(缩略图默认图片)复制到/m/目录下,否则列表页中如存在无缩略图的文章,对应缩略图位置会无法正常显示图片。


在pc首页模板<head></head> 之间加入跳转代码,
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{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|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/index.php";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>


至此,移动站架设基本成型。


路过

雷人

握手

鲜花

鸡蛋
本站文章如无特殊说明均为 虾皮社区 原创,可无偿使用和传播,欢迎转载分享!
转载请注明本文地址:
如有文章侵犯了您的权利,请联系本站站长,我们将在第一时间删除相关内容,谢谢!

虾皮社区,成立十年了!

站长自己也搞不懂想做个什么,反正就是一直在努力的做!

Copyright © 2007-2024 xp6.org Powered by Discuz

QQ|Archiver|手机版|小黑屋|虾皮社区 |网站地图
返回顶部