m 文件夹是织梦CMS为移动端网站预留的专用目录。 当用户通过手机、平板等移动设备访问你的网站时，织梦系统会自动将请求指向这个文件夹,从而提供为移动设备优化的网页。
m 文件夹的核心作用
- 移动端适配：这是最主要的功能，你可以将移动端的网站模板（HTML、CSS、JS）和页面文件放置在
m文件夹下，与PC端（根目录）的文件分开，这样，你可以为移动设备设计更简洁、加载更快、更适合小屏幕浏览的网站。 - 自动切换：织梦CMS内置了移动端自动识别和切换机制，你无需手动为每个页面创建移动版本，只需在
m文件夹中构建好移动站,系统会自动处理用户请求的跳转。 - 内容同步：移动站和PC站的后台数据是共享的，你在后台发布一篇文章，PC端和移动端都会显示这篇文章（前提是你为移动端配置了相应的模板）,这大大减少了重复劳动。
- 提升用户体验：为移动用户提供专门的界面，避免了在PC端网站上缩放、平移的麻烦，优化了交互体验,有助于提升用户留存率和网站SEO。
如何使用 m 文件夹（详细步骤）
第1步：创建 m 文件夹
在你的织梦网站根目录下（与 dede、data、templets 等文件夹同级），创建一个名为 m 的文件夹。
你的网站根目录/
├── dede/ (后台管理目录)
├── data/ (数据缓存目录)
├── images/ (图片目录)
├── m/ (移动端网站目录) <-- 在这里创建
├── plus/ (功能模块目录)
├── special/ (专题目录)
├── templets/ (PC端模板目录)
├── index.php (PC首页)
└── ...第2步：配置移动端模板
这是最关键的一步,你需要为移动站创建一套独立的模板。
-
创建移动端模板目录： 在
templets文件夹下，创建一个用于存放移动端模板的子文件夹，templets/mobile。 -
复制和修改PC模板：
（图片来源网络，侵删）- 将PC端首页模板
index.htm复制到templets/mobile/目录下。 - 对这个复制的
index.htm文件进行修改，使其适合移动端显示，通常包括：- 修改CSS：使用响应式CSS（如媒体查询
@media）或者针对移动端优化的CSS样式。 - 简化HTML结构：减少不必要的嵌套和复杂的布局。
- 优化图片：使用更小的图片尺寸或使用
srcset属性提供不同分辨率的图片。 - 调整JS：禁用或替换一些在移动端兼容性不好的JS效果。
- 修改CSS：使用响应式CSS（如媒体查询
- 将PC端首页模板
-
设置后台模板： 登录织梦后台，进入【系统】-> 【系统基本参数】 -> 【核心设置】。
- 找到 “主页模板”：将其值修改为你的移动端首页模板路径，
mobile/index.htm。 - 找到 “列表页模板” 和 “文章页模板”：同样，将它们指向移动端对应的模板，
mobile/list_article.htm和mobile/article_article.htm。
这样，当系统识别到移动端访问时,就会自动调用这些模板来渲染页面。
- 找到 “主页模板”：将其值修改为你的移动端首页模板路径，
第3步：设置移动端域名（可选但推荐）
为了让移动站有一个更专业的独立域名（如 m.yourdomain.com）,你需要进行以下设置：
-
服务器配置： 在你的服务器（如Nginx或Apache）上，为
m.yourdomain.com这个子域名创建一个站点，并将其网站根目录指向你网站根目录下的m文件夹。 -
织梦后台配置： 登录织梦后台，进入【系统】-> 【系统基本参数】 -> 【核心设置】。
- 找到 “移动站点域名” 选项，填入你刚刚配置的移动端域名，
http://m.yourdomain.com。 - 保存设置。
- 找到 “移动站点域名” 选项，填入你刚刚配置的移动端域名，
完成这一步后，织梦会自动在PC端页面的 <head> 部分添加一段代码，用于实现自动跳转（或使用 <link rel="alternate" media="only screen and (max-width: 640px)" /> 标签，这是更现代的SEO友好做法）。
第4步：设置首页栏目（重要）
为了让移动站的首页能正确显示文章列表,你需要指定一个栏目作为移动站的首页。
- 登录织梦后台，进入【栏目管理】。
- 选择一个你希望作为移动首页的栏目（网站公告”或专门创建一个“移动首页”栏目）。
- 点击该栏目后面的 “修改” 按钮。
- 在栏目编辑页面，找到 “选择列表模板” 和 “选择文章模板”，确保它们指向的是你第2步中创建的移动端模板（
mobile/list_*.htm和mobile/article_*.htm）。 - 最关键的一步：勾选 “设置为首页” 选项。
- 保存。
这个被设置为首页的栏目，其列表页内容就会成为你移动站 m/index.php 的首页内容。
一个简单的示例流程
假设我们要创建一个简单的移动首页：
-
创建目录：
- 网站根目录下创建
/m文件夹。 templets目录下创建/mobile文件夹。
- 网站根目录下创建
-
准备模板：
- 复制
templets/default/index.htm到templets/mobile/。 - 编辑
templets/mobile/index.htm，简化其内容，并添加<meta name="viewport" content="width=device-width, initial-scale=1.0">到<head>中。 - 在
templets/mobile/中创建一个简单的列表模板list_simple.htm。
- 复制
-
后台配置：
- 进入【系统基本参数】->【核心设置】。
- 主页模板 改为
mobile/index.htm。 - 移动站点域名 填入
m.yourdomain.com（如果配置了子域名）。 - 列表页模板 改为
mobile/list_simple.htm。
-
设置首页栏目：
- 进入【栏目管理】，选择一个栏目（如“公司动态”）。
- 修改该栏目，列表模板 选择
mobile/list_simple.htm。 - 勾选 “设置为首页”,保存。
-
访问测试：
- 通过PC浏览器访问
http://yourdomain.com,看到的是PC端首页。 - 通过手机浏览器访问
http://yourdomain.com，系统会自动识别，并显示templets/mobile/index.htm渲染出的页面，这个页面的内容来自你设置的“公司动态”栏目。
- 通过PC浏览器访问
注意事项和常见问题
- 模板路径：移动端模板的路径设置一定要正确，确保指向
templets/你的移动目录/。 - 图片路径：移动端模板中的图片路径建议使用绝对路径（如
{dede:global.cfg_cmsurl/}/images/...）或使用织梦的标签{dede:field name='litpic' /},避免因目录结构不同导致图片显示失败。 - JS和CSS冲突：如果PC端和移动端使用了一些公共的JS或CSS,要确保它们在移动端不会产生冲突或性能问题。
- 缓存问题：修改模板或设置后，如果前台没有立即生效，可以清空一下织梦的缓存（后台有清空缓存功能）。
- 移动端识别机制：织梦默认通过HTTP请求头中的
User-Agent来识别移动设备，这个机制在大多数情况下是可靠的,但也可以通过插件或二次开发进行更精细的控制。
通过以上步骤,你就可以成功地为你的织梦网站搭建一个功能完善的移动端站点了。
