织梦网站移动端访问方法是什么？-织梦建站-盈思创科技

核心概念：织梦移动端访问的原理

无论使用哪种方法,其核心思想都是一样的：

（图片来源网络，侵删）

识别设备：服务器或程序首先判断访问你网站的设备是电脑（PC端）还是手机（移动端）。
跳转或适配：根据判断结果，决定是显示PC版的页面，还是跳转到并显示为移动端适配的页面。

织梦自带的手机站点功能（最推荐，最专业）

这是织梦CMS内置的、最标准也是最强大的解决方案，它不是简单的“换皮”，而是建立了一套独立的移动端站点，通过域名或目录来区分。

优点：

代码分离：PC端和移动端代码完全独立，便于维护和升级，互不影响。
SEO友好：可以为移动端站点设置独立的 m. 子域名，有利于搜索引擎对移动端站点的收录。
体验最佳：可以针对手机屏幕进行深度优化，提供流畅的用户体验。
功能完整：移动端可以拥有自己的栏目、文章、图集等，可以调用PC端的数据，也可以拥有独立数据。

操作步骤：

第1步：开启手机站点功能 登录你的织梦后台，进入 系统 -> 系统基本参数 -> 核心设置。找到是否开启“手机站”的选项，选择“是”，然后保存。

（图片来源网络，侵删）

第2步：创建移动端模板

在你的网站根目录下,创建一个名为 m 的文件夹（/wwwroot/m/）。
在 /templets/ 目录下，创建一个名为 default 的文件夹（/templets/default/），这个 default 文件夹是专门给移动端模板使用的。
将你PC端模板（/templets/pc模板名/）中的文件（如 index.htm, list_article.htm, article_article.htm 等）复制一份到移动端的模板文件夹 /templets/default/ 中。
修改移动端模板：使用 Dreamweaver、VS Code 等工具打开这些复制过来的模板文件，修改其HTML和CSS代码，使其适应手机屏幕的宽度（通常设置 viewport，使用流式布局，字体大小等）。

第3步：生成移动端页面

在后台,进入 生成 -> 一键更新网站。
在更新选项中,勾选 “移动主页”、“移动栏目”、“移动文档” 等所有移动端相关的选项。
点击“开始生成”，织梦会自动将PC端的内容套用你刚创建的移动端模板，生成对应的HTML页面到 /m/ 目录下。

第4步：设置跳转规则（关键步骤） 这一步是让PC端用户访问时，能自动跳转到移动端。

方案A：使用子域名（推荐，SEO效果最好）

（图片来源网络，侵删）

在你的服务器或虚拟主机控制面板中,解析一个子域名，m.yourdomain.com，指向你的网站服务器IP。
在织梦后台,进入 系统 -> 手机站点设置。
设置 手机域名 为 m.yourdomain.com。

保存后,织梦会自动在PC端模板的 <head> 部分加入一段跳转代码，你也可以手动在PC端模板的 head.htm 文件中加入以下代码：

<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="http://m.yourdomain.com"+window.location.pathname;
}else if(/iPad/i.test(navigator.userAgent)){
// iPad可以不跳转，或者跳转到专门的iPad页面
//window.location.href="http://ipad.yourdomain.com"+window.location.pathname;
}else{
window.location.href="http://m.yourdomain.com"+window.location.pathname;
}
}catch(e){}
}
}}
</script>

注意：将代码中的 http://m.yourdomain.com 替换成你自己的移动端域名。

方案B：使用目录（简单，无需额外域名） 如果你的虚拟主机不支持或不想用子域名，可以直接使用目录 /m/。

确保你已经完成了第1、2、3步，移动端文件在 /m/ 目录下。
在PC端模板的 head.htm 文件中加入与方案A中相同的跳转代码，只需将 http://m.yourdomain.com 改为 http://yourdomain.com/m 即可。

使用响应式模板（最简单，无需额外配置）

这种方法不涉及复杂的后台设置,核心在于选择一个好的响应式模板。

优点：

一劳永逸：一套模板，PC和移动端都能完美显示，无需跳转。
维护简单：只需要维护一套代码和模板。
用户体验好：页面根据屏幕大小自动调整，没有跳转延迟。

缺点：

加载速度可能稍慢：因为需要加载适配多种设备的CSS和JS代码。
定制性相对较低：如果模板本身不够优秀，移动端效果可能不够理想。

操作步骤：

选择并安装响应式模板：
- 购买或下载一个专门为织梦开发的“响应式模板”，很多模板市场都有提供。
- 将模板文件上传到 /templets/ 目录下，并在后台 模板管理 中设置它为当前默认模板。
确保模板正确：
- 一个好的响应式模板,其HTML中通常会包含 viewport 标签，这是移动端适配的关键：
```
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
```
- CSS中会使用媒体查询（@media）来针对不同屏幕尺寸设置不同的样式。
生成网站：
- 在后台 生成 -> 一键更新网站，更新所有页面即可。

这种方法最适合不想进行复杂操作，或者网站内容更新不频繁，追求简单快捷的用户。

使用JS/CSS跳转或适配（最基础，不推荐）

这是一种比较老派的方法,通过在PC端模板里嵌入一段JS代码，来实现简单的跳转或样式调整。

优点：

实现快速,几行代码搞定。

缺点：

体验差：通过JS跳转会有延迟，用户可能先看到PC版页面，然后才“闪”一下跳转到移动版。
不利于SEO：搜索引擎可能会认为这是重复内容。
维护麻烦：如果模板升级，代码可能丢失或失效。

操作步骤（仅作了解）：

在PC端模板的 head.htm 文件中加入以下JS代码：

<script type="text/javascript">
function browserRedirect() {
    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 || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
        window.location.href = "http://m.yourdomain.com"; // 你的移动端地址
    }
}
browserRedirect();
</script>

注意：这种方法现在已基本被淘汰，强烈建议使用方法一或方法二。

总结与建议

方法	优点	缺点	推荐人群
手机站点功能	代码分离、SEO友好、功能强大、体验最佳	配置稍复杂，需要制作两套模板	所有希望专业运营网站的用户，特别是企业站、电商站等
响应式模板	一劳永逸、维护简单、用户体验流畅	加载稍慢，依赖模板质量	个人博客、内容展示型网站，或追求简单高效的用户
JS跳转	实现快速	体验差、不利于SEO、维护麻烦	不推荐，仅作为了解或临时解决方案

给你的最终建议：

如果你是网站开发者或企业用户，希望网站长期稳定发展，请优先选择方法一，虽然前期投入精力多一点，但从长远来看，这是最专业、最可靠的方案。
如果你是普通网站管理员，网站内容为主，希望快速搞定，不想维护两套模板，那么选择方法二，购买一个高质量的响应式模板是最佳选择。
请直接忽略方法三，它带来的问题远比解决的问题多。

织梦网站移动端访问方法是什么？

核心概念：织梦移动端访问的原理

织梦自带的手机站点功能（最推荐，最专业）

使用响应式模板（最简单，无需额外配置）

使用JS/CSS跳转或适配（最基础，不推荐）

总结与建议

相关文章

目录[+]