为何评论先于文章显示？

我们的目标就是将第4部分“评论区域”移动到第2部分“文章正文内容”的前面。

操作步骤

第一步：找到并打开模板文件

1. 登录您的网站后台。
2. 在左侧菜单栏中,找到并点击 【模板】 -> 【默认模板管理】。
3. 在模板列表中,找到并点击 【文章列表页模板】 或 页模板】，通常我们修改的是内容页模板，请找到 article_article.htm 这一行。
4. 点击该行最右侧的 【修改】 按钮，这会用一个新的窗口或标签页打开这个模板文件。

第二步：定位评论代码块

打开 article_article.htm 文件后，您会看到很多HTML和织梦标签代码，我们需要找到两个关键代码块：

1. 评论列表代码：通常是这样的结构，用于显示已有的评论。

   {dede:feedback}
   <!-- 评论列表的HTML结构，循环显示每一条评论 -->
   <li class="fb-item">
       <div class="fb-tit">
           <span class="name"><strong>[field:username function="(@me=='guest' ? '游客' : @me)"/]</strong></span>
           <span class="time">[field:pubdate function="MyDate('Y-m-d H:i',@me)"/]</span>
       </div>
       <div class="fb-con">[field:msg/]</div>
   </li>
   {/dede:feedback}

2. 评论表单代码：用于让访客填写和提交评论。

   <form name="feedback" action="{dede:field name='phpurl'/}/feedback.php" method="post">
       <input type="hidden" name="action" value="send" />
       <input type="hidden" name="aid" value="{dede:field.id/}" />
       <input type="hidden" name="dede_fields" value="username,text;msg,text" />
       <input type="hidden" name="dede_fieldshash" value="{dede:hash md5=($_cfg['hash_key'])/}" />
       <div class="fb-article">
           <div class="fb-tit">发表评论</div>
           <div class="fb-info">
               <div class="fb-name">
                   <label for="username">用户名：</label>
                   <input type="text" name="username" id="username" class="text" value="访客" />
               </div>
               <div class="fb-con">
                   <label for="msg">评论内容：</label>
                   <textarea name="msg" id="msg" rows="5" cols="60"></textarea>
               </div>
           </div>
           <div class="fb-sub">
               <button type="submit" name="submit" class="btn">发表评论</button>
           </div>
       </div>
   </form>

   注意：您的模板中评论表单的具体HTML结构可能与此不同，但核心的 <form ...> 标签和里面的隐藏字段是关键。

第三步：移动评论代码

请执行以下操作：

1. 全选 您找到的“评论列表代码”和“评论表单代码”。
2. 剪切 这两段代码（使用 Ctrl + X 或右键菜单）。
3. 在模板文件中,找到 文章正文内容 的标签，它通常是这样的：

   {dede:field.body/}

4. 将刚才剪切的评论代码,粘贴 到 {dede:field.body/} 标签的前面。

移动前的大致结构：

... 文章标题等信息 ...
{dede:field.body/}  <!-- 先显示文章内容 -->
... 相关文章等信息 ...
<!-- 评论区域 ( -->
{dede:feedback}...{/dede:feedback}
<form>...</form>
...

移动后的大致结构：

... 文章标题等信息 ...
<!-- 评论区域 (移动到这里) -->
{dede:feedback}...{/dede:feedback}
<form>...</form>
{dede:field.body/}  <!-- 后显示文章内容 -->
... 相关文章等信息 ...
...

第四步：保存并刷新

1. 在模板修改页面,点击最下方的 【保存】 按钮。
2. 保存成功后,为了确保看到效果，请清除浏览器缓存（按 Ctrl + F5 强制刷新）或者打开一个无痕/隐私窗口访问您的文章页面。

重要注意事项

1. 备份模板：在进行任何模板修改之前，强烈建议您先备份原始的 article_article.htm 文件，以防修改后出现意外，可以快速恢复。
2. 缓存问题：织梦有模板缓存，如果修改后看不到效果，除了清除浏览器缓存，也可以去后台的【系统】->【一键更新缓存】中清空一下。
3. 样式错乱：移动评论区域后，可能会导致页面布局错乱，这是因为CSS样式是针对原有位置设计的，您可能需要微调评论区域的CSS样式（在模板文件的 <style> 标签内或外部的CSS文件中），以确保它在新的位置显示正常。
4. 用户体验：让用户先评论再看全文，可能会降低一部分用户的阅读意愿，因为用户需要先付出操作（评论）才能看到核心内容，请务必考虑这种改动对您网站用户体验的实际影响。

按照以上步骤操作,您就可以成功地将织梦CMS的文章评论功能调整到文章内容之前显示了，祝您操作顺利！