织梦手机站二级域名如何设置?

99ANYc3cd6
预计阅读时长 20 分钟
位置: 首页 织梦建站 正文

核心概念

在开始之前,我们先理清几个关键概念:

织梦手机站二级域名.
(图片来源网络,侵删)
  1. 织梦手机站:织梦CMS自带一个移动端模板,通过判断用户设备(PC或手机)来自动切换显示不同的模板,但这种方式并非真正的“手机站”。
  2. 二级域名:您的PC主站是 www.yourdomain.com,那么手机站的二级域名就可以是 m.yourdomain.commobile.yourdomain.com,它指向您网站的同一个主域名,但可以作为一个独立的站点来访问。
  3. 独立手机站 vs. 自适应模板
    • 自适应模板:一套模板,通过CSS和JavaScript自动适应不同屏幕尺寸,PC和手机访问的是同一个URL (www.yourdomain.com)。
    • 独立手机站(二级域名):PC站和手机站是两套完全独立的数据和模板,通过不同的域名访问 (www.yourdomain.comm.yourdomain.com),这种模式对SEO更友好,可以分别优化PC和移动端内容。

本教程的目标是实现独立手机站,使用二级域名 m.yourdomain.com 访问。


配置步骤详解

整个过程可以分为三大步:

  1. 服务器端配置:让服务器知道 m.yourdomain.com 这个域名指向你的网站。
  2. 织梦后台配置:告诉织梦如何处理手机站的访问和数据。
  3. 内容同步与跳转:确保PC站和手机站内容能同步,并实现自动跳转。

第一步:服务器端配置

这是最关键的一步,需要在您的服务器或虚拟主机上操作。

绑定二级域名 登录您的虚拟主机控制面板或服务器后台,为您的域名 yourdomain.com 绑定一个新的二级域名 m.yourdomain.com

织梦手机站二级域名.
(图片来源网络,侵删)
  • 虚拟主机用户:通常在“域名绑定”或“站点管理”里,添加 m 作为主机头。
  • VPS/服务器用户:需要修改 nginxapache 的配置文件。

以 Nginx 为例: 在您网站的配置文件中(通常在 /etc/nginx/sites-available/yourdomain.com),确保有如下配置:

# PC主站配置
server {
    listen 80;
    server_name www.yourdomain.com yourdomain.com; # 主域名和www域名
    # ... 其他PC站配置,如网站根目录 index.php 等
    root /var/www/yourdomain.com;
    index index.php index.html;
    # ... 其他规则
}
# 手机站二级域名配置
server {
    listen 80;
    server_name m.yourdomain.com; # 手机站域名
    # 指向和PC站完全相同的网站根目录
    root /var/www/yourdomain.com;
    index index.php index.html;
    # ... 其他规则,可以和PC站基本一致
}

以 Apache 为例: 确保您的 httpd.conf 或虚拟主机配置文件中有类似配置:

# PC主站配置
<VirtualHost *:80>
    ServerName www.yourdomain.com
    ServerAlias yourdomain.com
    DocumentRoot /var/www/yourdomain.com
    # ... 其他配置
</VirtualHost>
# 手机站二级域名配置
<VirtualHost *:80>
    ServerName m.yourdomain.com
    DocumentRoot /var/www/yourdomain.com # 指向相同根目录
    # ... 其他配置
</VirtualHost>

配置完成后,保存文件并重启 Nginx 或 Apache 服务。

检测DNS解析 使用 ping 命令或在在线DNS查询工具中检查 m.yourdomain.com 是否已经正确解析到您服务器的IP地址。

织梦手机站二级域名.
(图片来源网络,侵删)
ping m.yourdomain.com

如果看到正确的IP地址,说明服务器配置基本完成。


第二步:织梦后台配置

登录您的织梦DedeCMS后台。

创建手机站目录 在网站根目录下,创建一个专门用于存放手机站文件的文件夹,m

  • 操作:通过FTP或服务器文件管理器,在 /var/www/yourdomain.com/ (您的网站根目录) 下创建一个名为 m 的文件夹。

  • 复制文件:将PC站根目录下的以下核心文件和文件夹完整复制m 文件夹中:

    • index.php
    • api
    • plus
    • include
    • templets (这个是重点,我们会修改它)
    • dede (后台管理目录)
    • static
    • special
    • ... 以及其他所有必要的程序文件。

    注意m 目录现在是一个功能完整的、独立的织梦站点,但它暂时还是在使用PC的模板。

修改手机站目录的 index.php 打开 m 文件夹下的 index.php 文件,找到这一行:

require_once(dirname(__FILE__)."/include/common.inc.php");

在这行代码之前,添加以下代码,用于强制手机站使用手机端模板:

// 定义手机站模板目录
define('DEDEMOB', 'm');

修改后的 index.php 应该是这样:

<?php
// 定义手机站模板目录
define('DEDEMOB', 'm');
require_once(dirname(__FILE__)."/include/common.inc.php");
// ... 后续代码
?>

设置织梦识别手机站 在织梦后台,进入 【系统】 -> 【系统基本参数】 -> 核心设置****。

找到以下几项并进行修改:

  • 电脑端网站首页http://www.yourdomain.com/
  • 手机端网站首页http://m.yourdomain.com/
  • 网站根URLhttp://www.yourdomain.com/ (这个保持主站不变)
  • 是否开启多站点支持

设置默认手机模板 进入 【系统】 -> 【系统基本参数】 -> 默认模板风格**

  • PC默认模板:保持默认,如 default
  • 手机默认模板:选择您准备好的手机端模板文件夹名称,mmobile,这个文件夹应该位于 /templets/ 目录下。

生成手机站首页 进入 【生成】 -> 【主页更新管理】**,点击“更新主页”,生成手机站的首页文件,这个生成的首页文件会放在 /m/ 目录下。


第三步:内容同步与跳转

PC站和手机站是两个独立的站点,但内容是共享的(因为数据库是同一个),我们需要实现:

  1. 自动同步到手机站
  2. 用户访问PC站时,自动跳转到PC站;访问手机时,自动跳转到手机站。 同步(推荐使用“同步助手”)非常麻烦,织梦有一个非常强大的插件叫 “DedeCms V5.7 同步助手”**。
  • 下载安装:在织梦官方论坛或插件市场搜索并下载该插件,然后按照说明在后台安装。
  • 配置插件:安装后,在后台找到“同步助手”设置。
    • 设置PC栏目与手机栏目的对应关系:PC的“公司新闻”栏目ID是 2,手机的“公司新闻”栏目ID是 12,你就设置 2 -> 12 的同步。
    • 设置同步内容:可以选择同步文章、图集、软件等。
    • 设置同步后自动生成:勾选此项,同步后自动更新手机站页面。

配置好之后,你在PC后台发布的文章,插件会自动将其同步到手机站对应的栏目下。

实现自动跳转 这是实现“自适应体验”的关键,让用户无需手动输入 m.

在PC站模板的 </head> 标签之前,加入以下JS代码:

<script>
// 智能终端浏览器版本判断
var browser={
    versions:function(){
        var u = navigator.userAgent, app = navigator.appVersion;
        return {
            trident: u.indexOf('Trident') > -1, //IE内核
            presto: u.indexOf('Presto') > -1, //opera内核
            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
            mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
            iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad') > -1, //是否iPad
            webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
        };
    }(),
    language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
if(browser.versions.mobile || browser.versions.ios || browser.versions.android || browser.versions.iPhone || browser.versions.iPad){
    window.location.href = "http://m.yourdomain.com"; //这里替换成你的手机站域名
}
</script>

这段代码会检测用户的设备,如果是移动设备,就会自动跳转到 http://m.yourdomain.com


总结与检查清单

完成以上所有步骤后,您的织梦手机站二级域名应该可以正常工作了。

检查清单:

  1. [ ] 服务器m.yourdomain.com 已正确绑定到网站根目录,并重启了服务。
  2. [ ] DNSm.yourdomain.com 已生效。
  3. [ ] 文件:网站根目录下有 m 文件夹,并复制了所有必要文件。
  4. [ ] 手机站 index.php:已添加 define('DEDEMOB', 'm');
  5. [ ] 织梦后台
    • [ ] 已设置PC和手机站首页地址。
    • [ ] 已开启多站点支持。
    • [ ] 已设置手机默认模板。
  6. [ ] 内容同步:已安装并配置“同步助手”插件。
  7. [ ] 自动跳转:PC模板已添加JS跳转代码。
  8. [ ] 最终测试
    • 在电脑上访问 www.yourdomain.com,应正常显示PC页面。
    • 在手机上访问 www.yourdomain.com,应自动跳转到 m.yourdomain.com 并显示手机页面。
    • 直接在手机或电脑上访问 m.yourdomain.com,都应显示手机页面。

如果所有项目都已完成,恭喜您,您的织梦手机站二级域名配置就成功了!

-- 展开阅读全文 --
头像
Linux下C语言编程具体步骤有哪些?
« 上一篇 今天
计算机二级C语言掌上通激活码怎么获取?
下一篇 » 今天

相关文章

取消
微信二维码
支付宝二维码

目录[+]