dede文章如何选择关联文档？

“关联文档”功能允许你在后台编辑文章时，手动选择一篇或多篇其他文章作为当前文章的“关联内容”，这些被选中的文章，通常会以“相关文章”、“推荐阅读”等形式在前台的文章页面展示出来。

如何设置关联文档（后台操作）

设置关联文档非常简单,主要在文章编辑页面完成。

操作步骤：

1. 登录DedeCMS后台：使用你的管理员账号登录。

2. 进入文章编辑界面：

   • 如果你正在新建一篇文章，请点击“核心” -> “内容发布” -> “添加普通文章”。
   • 如果你想要修改一篇文章，请进入“内容发布” -> “文章列表”，找到该文章并点击“编辑”。

3. 找到“关联文档”设置区域： 在文章编辑页面的下方，你会找到一个名为 “关联文档” 的区域，它通常包含一个文本输入框和一个“选择”按钮。

4. 选择关联文章：

   • 点击 “选择” 按钮，系统会弹出一个新的浏览器窗口（或标签页）,显示文章列表。
   • 在弹出的窗口中，你可以通过快速搜索要关联的文章,或者直接浏览列表。
   • 勾选你想要关联的文章（可以多选）。
   • 选择完毕后，点击窗口底部的 “选择” 或 “确定” 按钮。

5. 保存文章： 关闭弹出的窗口，你会发现在“关联文档”的文本框中，已经自动填入了所选文章的ID，并用英文逗号（）隔开。

   • 重要提示：通常你不需要手动修改这个ID列表,直接保持系统生成的即可。
   • 点击文章编辑页面的 “保存” 或 “发布” 按钮。

至此,后台的关联文档设置就完成了。

如何在前台显示关联文档（模板修改）

后台设置好后，关联文档并不会自动显示在前台，你需要修改文章内容页的模板文件,来调用并展示这些关联文章。

操作步骤：

1. 找到模板文件： 登录你的FTP或主机控制面板，进入DedeCMS的模板目录，通常路径是 /templets/default/ (如果你使用的是默认模板)。 在该目录下，找到文章内容页模板文件：article_article.htm。

2. 添加调用代码： 使用Dreamweaver、VS Code或记事本等工具打开 article_article.htm 文件，你希望“相关文章”显示在哪里,就在哪里插入以下代码。

   最常用、最简单的调用代码如下：

   <div class="related-article">
       <h3>相关文章</h3>
       <ul>
           {dede:likearticle col='2' row='8' titlelen='42'}
           <li>
               <a href="[field:arcurl/]">[field:title/]</a>
           </li>
           {/dede:likearticle}
       </ul>
   </div>

3. 代码解析：

   • {dede:likearticle ...} 和 {/dede:likearticle}：这是DedeCMS的循环标签,用于获取并循环输出关联文章。
   • col='2'：设置每行显示的列数。col='2' 表示一行显示两篇文章（两个<li>并排）。
   • row='8'：设置总共要显示的文章数量。row='8' 表示最多显示8篇相关文章。
   • titlelen='42'：设置文章标题的显示长度，单位是中文字符。titlelen='42' 表示标题最多显示21个汉字（一个汉字算两个字符）,超出部分用省略号代替。
   • [field:arcurl/]：文章的链接地址。
   • [field:title/]：文章的标题。

4. 保存并刷新前台页面： 保存 article_article.htm 文件，然后到你网站前台刷新那篇设置了关联文档的文章页面，你应该就能看到“相关文章”区域了。

进阶与注意事项

likearticle 标签的其他有用属性

除了上面提到的，likearticle 标签还有更多属性,可以实现更灵活的调用：

• typeid='0'：按指定栏目ID关联，如果留空或为0，则是在全站范围内关联，如果你想只在当前文章的栏目内找相关文章,可以设置为当前栏目的ID。
• innertext=''：自定义单个文章的HTML模板，如果你想显示摘要和发布时间，可以这样写：

  {dede:likearticle row='5' titlelen='30'}
      <li>
          <a href="[field:arcurl/]">[field:title/]</a>
          <span class="date">([field:pubdate function="MyDate('Y-m-d',@me)"/])</span>
      </li>
  {/dede:likearticle}

  这样，innertext 中的内容就会被循环使用，覆盖掉默认的 <li><a>...</a></li> 结构。

likearticle 的工作原理

likearticle 标签默认的关联逻辑是：

• 优先显示你在后台手动选择的关联文档。
• 如果你没有手动选择，它会根据文章的关键字、所属栏目等信息,自动在全站或指定栏目内查找相关文章。

最佳实践：为了保证相关文章的精准度，强烈建议手动选择关联文档，而不是完全依赖自动匹配,因为只有你最清楚哪些文章与当前内容真正相关。

样式美化

上面生成的代码只是一个简单的列表，你需要在网站的CSS文件（通常是 /templets/default/style/ 目录下的 .css 文件）中添加一些样式,让它看起来更美观。

在CSS文件中添加：

.related-article {
    margin: 20px 0;
    padding: 15px;
    border: 1px solid #eee;
    border-left: 5px solid #007bff;
    background-color: #f9f9f9;
}
.related-article h3 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #333;
}
.related-article ul {
    list-style-type: none;
    padding-left: 0;
}
.related-article li {
    margin-bottom: 8px;
    line-height: 1.6;
}
.related-article li a {
    color: #007bff;
    text-decoration: none;
}
.related-article li a:hover {
    text-decoration: underline;
}

通过以上步骤，你就可以轻松地在DedeCMS中实现“文章选择关联文档”的功能,并将其完美地展示给你的网站访客。