织梦模板手机站怎么添加？-织梦建站-盈思创科技

核心思路

织梦手机站的实现核心是 “同一后台，双端内容，智能识别”。

（图片来源网络，侵删）

同一后台：你仍然在原来的PC网站后台进行内容发布和管理。
：在发布文章时，通过一个复选框来选择该文章是否“同步到手机站”。
智能识别：通过一个核心文件 m/index.php 来判断用户的访问设备（PC或手机），并自动跳转到相应的站点（PC站或手机站）。

第一步：环境准备

织梦版本：确保你的织梦版本是 7及以上,旧版本需要先升级。
服务器环境：确保你的服务器支持 PHP 和 MySQL，并且开启了 伪静态 功能,手机站的URL优化需要伪静态支持。
域名准备：
- 主域名：www.yourdomain.com (PC站)
- 手机域名：m.yourdomain.com (手机站)，这个域名需要解析到你的服务器IP，并确保该域名的网站目录和PC站是完全相同的。

第二步：安装手机端模板

这是最关键的一步,你需要为你的网站制作或下载一套专门用于手机显示的模板。

获取手机模板：
- 你可以自己设计一套响应式或移动专用的HTML模板。
- 可以在网上搜索“织梦手机模板”，有很多现成的模板可供下载，通常这些模板会包含以下文件和文件夹：
  - (根目录)
  - /images/ (图片文件夹)
  - /style/ (CSS样式文件夹)
  - /js/ (JavaScript脚本文件夹)
  - /index.html (首页模板)
  - /list_*.html (列表页模板)
  - /article_*.html (文章页模板)
  - ...等等
上传模板文件：
- 通过FTP或主机面板的文件管理器，将你下载或制作好的手机模板文件，上传到你网站根目录下的 /m/ 文件夹中。
- 重要：/m/ 文件夹需要和你的PC站根目录内容保持一致，至少核心文件（如 /include/, /dede/, /plus/ 等）需要一致，最简单的方法是复制一份PC站的根目录文件，然后用手机模板文件去覆盖 /m/ 目录下的对应文件。
后台设置模板：
（图片来源网络，侵删）
- 登录你的织梦后台。
- 进入菜单 【系统】 -> 【系统基本参数】 -> 【核心设置】。
- 找到 “手机版模板目录” 这个选项，将其值修改为 m。
- 点击“保存”按钮。

第三步：开启并配置手机站功能

开启手机站：
- 在后台菜单栏，你会看到一个新出现的选项 【手机门户】。
- 进入 【手机门户】 -> 【手机站点管理】。
- 你会看到一个默认的站点，检查并确保以下信息正确：
  - 站点名称：给你的手机站起个名字。
  - 站点域名：填写你的手机域名，m.yourdomain.com。
  - 首页文件：通常是 index.php。
  - 首页模板：选择你上传的手机模板首页，index.html。
  - 列表页模板：选择手机模板的列表页，list_article.html。
  - 内容页模板：选择手机模板的内容页，article_article.html。
- 确保 “是否开启” 选项是 “是”。
- 点击“提交”保存。
设置默认跳转（非常重要）：
- 这个功能是让PC用户访问PC站,手机用户自动跳转到手机站。
- 进入 【手机门户】 -> 【手机站点设置】。
- 开启跳转：将 “是否开启跳转” 设置为 “是”。
- 跳转域名：填写你的手机域名，m.yourdomain.com。
- 跳转方式：推荐使用 跳转 方式，它会使用JS进行跳转,对SEO更友好。
- 点击“提交”保存。

第四步：设置内容同步

为了让PC站的文章也能显示在手机站上,你需要设置内容同步。

设置栏目同步：
（图片来源网络，侵删）
- 进入 【栏目管理】,选择你想要同步到手机站的栏目。
- 点击该栏目后面的 【修改】。
- 在栏目设置页面，找到 “移动栏目” 这个部分。
- 勾选 “选择移动端栏目”，然后在下拉菜单中选择一个对应的手机端栏目（你需要提前在手机站管理里创建好与PC栏目对应的手机栏目）。
- 点击“确定”保存,对需要同步的栏目重复此操作。
设置文章同步：
- 进入 【核心】 -> 【内容发布】 -> 【普通文章】**。
- 发布或修改一篇文章时，在文章编辑界面的下方，你会看到 “同步到手机” 的选项。
- 勾选这个复选框,然后发布或保存文章。
- 勾选后,这篇文章就会自动同步到你为该栏目指定的手机端栏目中。

第五步：设置伪静态

为了让手机站的URL更美观，也更有利于SEO,需要设置伪静态规则。

获取规则：
- 进入 【手机门户】 -> 【手机伪静态设置】**。
- 这里会列出不同服务器环境的伪静态规则，如 Apache、Nginx、IIS 等,请根据你的服务器环境选择对应的规则。
添加规则：
- Apache (.htaccess)：
  - 将规则代码复制，粘贴到你网站根目录下的 .htaccess 文件中，如果该文件不存在,则新建一个。
- Nginx (nginx.conf)：
  - 将规则代码复制，粘贴到你的Nginx配置文件中，通常在对应站点的 server 块里,修改后需要重启Nginx服务。
- IIS (web.config)：
  - 将规则代码复制，粘贴到你网站根目录下的 web.config 文件中。

第六步：测试与发布

完成以上所有步骤后,就可以进行测试了。

清空缓存：在后台 【系统】 -> 【一键更新缓存】**,清空所有缓存。
PC端测试：
- 在电脑浏览器上访问 www.yourdomain.com,应该正常显示PC站。
- 查看网页源代码，在 <head> 标签内应该会有类似这样的JS跳转代码：
```
<script src="//m.yourdomain.com/static/js/push.js"></script>
```
手机端测试：
- 最佳方式：使用手机访问 www.yourdomain.com，看是否会自动跳转到 m.yourdomain.com。
- 直接访问：在手机浏览器上直接访问 m.yourdomain.com，检查页面布局、图片、链接是否正常。
- 检查同步过来的文章和栏目是否能正常打开。

常见问题与注意事项

Q: 手机站图片显示不出来或路径错误？
- A: 检查手机模板中的图片路径是否正确，确保使用了织梦的标签，如 [field:litpic/]，检查 /m/ 目录下是否有 /images/ 文件夹以及图片是否上传成功。
Q: 跳转不生效？
- A:
  1. 检查 【手机站点设置】 中的“是否开启跳转”是否为“是”。
  2. 检查 /m/ 目录下是否存在 static/js/push.js 文件,这个文件是跳转的核心。
  3. 清空浏览器缓存和网站后台缓存再试。
  4. 检查浏览器是否禁用了JavaScript。
Q: 内容同步后，手机站页面还是空白？
- A:
  1. 检查栏目是否正确设置了“移动栏目”。
  2. 检查文章发布时是否勾选了“同步到手机”。
  3. 检查手机站对应的模板文件（如 article_article.html）是否存在并且路径正确。
  4. 进入 【手机门户】 -> 【一键更新网站】**,更新一下手机站的内容。
Q: 需要响应式网站，而不是单独的手机站？
- A: 这是一种不同的方案，你需要制作一套“响应式”的PC模板，通过CSS媒体查询（@media）来适配不同尺寸的设备（PC、平板、手机），这种方案不需要开启织梦的手机站功能，所有内容都在一套模板下，优点是维护简单，缺点是模板制作相对复杂,且加载的资源可能比移动专用模板多。

希望这份详细的教程能帮助你成功为织梦网站添加手机站！如果在操作中遇到任何问题,可以随时提出。

织梦模板手机站怎么添加？