织梦手机端仿站教程，新手如何快速上手？

第五步：制作其他手机端模板

除了首页，你还需要制作其他页面的手机端模板，如列表页 (list_article.htm页 (article_article.htm) 等。

• 列表页 (list_article.htm)：模仿源站的列表页布局，同样使用 arclist 标签来调用文章。
• 内容页 (article_article.htm)：模仿源站的文章详情页布局，使用 {dede:field.title/}, {dede:field.body/}, {dede:field.pubdate function='MyDate('Y-m-d', @me)'/} 等标签来调用文章内容。

将这些制作好的模板文件也上传到 /templets/m/ 目录下。

第六步：设置织梦识别手机端并加载模板

现在模板有了，但织梦还不知道什么时候该加载手机端模板,我们需要修改核心文件来实现这个判断。

1. 找到核心文件：在织梦程序的根目录下，找到 index.php 文件。
2. 修改代码：
   • 用代码编辑器打开 index.php。
   • 找到类似这样的代码段（通常在文件末尾）：

     //自动处理pc和手机
     if($cfg_mobileurl && $cfg_mobileurl != 'https://m.yoursite.com' && $cfg_mobileurl != 'http://m.yoursite.com'){
         $murl = str_replace('https://','',$cfg_mobileurl);
         $murl = str_replace('http://','',$murl);
         if(strpos($_SERVER['HTTP_HOST'],$murl) !== false){
             $cfg_murl = 'http://'.$murl;
             header("Location:$cfg_murl");
             exit();
         }
     }

   • 在这段代码的 前面，添加以下代码来实现自动识别设备并加载模板：

     //---------------手机端自动识别并加载模板 Start----------------
     if (isset($_SERVER['HTTP_USER_AGENT'])) {
         $clientuseragent = strtolower($_SERVER['HTTP_USER_AGENT']);
         $clientuseragent = str_replace("mobile ", "", $clientuseragent);
         $mobilekeywords = "/nokia|iphone|android|motorola|sonyericsson|blackberry|htc|ipod|samsung|lg|ucweb|opera mobi|windows mobile|openwave|netfront|up.browser|up.link|blazer|polaris|fennec|maemo|minimo|mobila|opera mini|opera mobi|iemobile|zte-|huawei-|dopod-|coolpad-|tianyu-|lenovo-|vivo-|xiaomi-|oppo-/i";
         if (preg_match($mobilekeywords, $clientuseragent)) {
             $cfg_m = 'm'; // 这里要和你创建的模板目录名一致
             $cfg_templets_dir = $cfg_templets_dir . '/' . $cfg_m;
         }
     }
     //---------------手机端自动识别并模板 End----------------

   • 保存 index.php 文件并上传回服务器。

说明：这段代码会检测访问设备的 User-Agent，如果匹配到手机关键词，就会自动将模板目录指向 /templets/m/,从而加载手机端模板。

第七步：更新网站并测试

1. 更新首页：在织梦后台，点击 “生成” -> “主页HTML” -> “更新主页”,重新生成首页。
2. 清空缓存：在后台 “系统” -> “缓存管理” -> “更新全部缓存”。
3. 测试：
   • 手机测试：用手机访问你的网站,应该能看到你制作好的手机端页面了。
   • PC测试：用电脑访问网站,应该仍然是PC端页面。
   • 开发者工具测试：在电脑上打开网站，使用浏览器“设备模拟器”功能，切换到手机模式,查看效果是否正常。

第八步：常见问题与解决方案

1. 问题：手机端样式错乱,图片路径不正确。

   • 原因：CSS和图片的路径是相对路径,在手机端模板中可能找不到。
   • 解决：
     • CSS路径：在CSS文件中，所有引入的背景图片等，建议使用绝对路径，即从网站根目录开始的路径，如 background-image: url('/images/bg.png');。
     • 图片路径：织梦的 [field:picname/] 等标签默认输出的是相对路径，可以修改为绝对路径，在调用图片时，可以这样写：

       <img src="[field:litpic/]" alt="">

       然后在织梦后台的 “系统” -> “系统基本参数” -> “核心设置” 中，确保“附件目录”等设置正确，如果仍有问题,可以在模板中使用PHP函数来处理：

       {dede:field name='litpic' function='str_replace("./", "/cms/", @me)'/}

       （/cms/ 是你的网站根目录,请根据实际情况修改）

2. 问题：点击手机端页面上的链接,跳转到PC端页面。

   • 原因：文章、栏目等内容的链接没有经过手机端模板的处理。
   • 解决：这是织梦的一个特性，当你点击文章进入详情页时，织梦会根据文章的ID去加载对应的模板，你需要确保你的内容页模板 (article_article.htm) 已经被正确地放到了 /templets/m/ 目录下，这样，当手机用户访问文章时,系统就会自动加载手机端的内容页模板。

3. 问题：网站首页可以跳转,但列表页或文章页不行。

   • 原因：index.php 的修改只对首页有效，列表页和文章页由 list.php 和 article.php 等文件控制。
   • 解决：你需要将 第六步 中的那段代码，完整地复制到 list.php, article.php, search.php 等所有需要手机端适配的PHP文件的开头部分（在包含 include/common.inc.php 之后）。

织梦手机端仿站的核心思路可以概括为：

分析源站 -> 制作模板 -> 修改核心文件实现自动适配 -> 测试优化。

这个过程需要耐心和对织梦标签的熟悉，多练习几次，你就能熟练掌握这个流程,祝你仿站顺利！