在Dedecms（织梦内容管理系统）中，文章列表页面通常会展示多个文章的标题、简介和链接等信息，为了突出推荐的文章，可以在这些文章旁边添加一个醒目的“推荐”图标，以吸引用户的注意力，以下是实现这一功能的详细步骤：
一、准备工作
在开始之前，请确保你已经具备以下条件：
1、Dedecms安装完成：确保你的网站已经成功安装了Dedecms，并且可以正常运行。
2、模板文件可编辑：你需要有权限编辑网站的模板文件，通常位于/templets/default/目录下。
3、图标文件准备：准备一个“推荐”图标的图片文件，比如tuijian.png，并将其上传到网站的某个目录，如/images/。
二、修改模板文件
1. 定位模板文件
找到显示文章列表的模板文件，这个文件通常是list_article.htm或者类似的名称，具体取决于你的模板风格，你可以在/templets/default/目录下找到它。
2. 编辑模板文件
打开list_article.htm文件，找到显示每篇文章的部分，这部分代码通常使用{dede:arclist}标签来循环输出文章列表，你需要在这个标签内部添加条件判断，以便为推荐的文章加上图标。
假设你的模板中有如下代码：
<ul>
{dede:arclist typeid='' row='10'}
<li><a href="[field:arcurl/]">[field:title/]</a></li>
{/dede:arclist}
</ul>
你需要将其修改为：
<ul>
{dede:arclist typeid='' row='10'}
{ifdede:field name='ismake' value='1'}
<li><span class="tuijian"><img src="/images/tuijian.png" alt="推荐"></span><a href="[field:arcurl/]">[field:title/]</a></li>
{else}
<li><a href="[field:arcurl/]">[field:title/]</a></li>
{/if}
{/dede:arclist}
</ul>
我们使用了{ifdede:field name='i***ake' value='1'}来判断文章是否被设置为推荐，如果i***ake字段的值为1，则显示“推荐”图标；否则，不显示。
3. 样式调整
为了使“推荐”图标看起来更美观，你可以在CSS文件中添加相应的样式。
.tuijian {
display: inlineblock;
width: 20px; /* 根据实际图标大小调整 */
height: 20px; /* 根据实际图标大小调整 */
background: url('/images/tuijian.png') norepeat center center;
verticalalign: middle;
marginright: 5px; /* 与标题之间的间距 */
}
将这段CSS代码添加到你的模板CSS文件中，或者在<head>部分通过<style>标签直接嵌入。
三、后台设置推荐文章
在Dedecms后台，你需要将想要推荐的文章设置为推荐状态，具体操作步骤如下：
1、登录后台管理界面：使用管理员账号登录Dedecms后台。
2、进入文章管理：点击左侧菜单中的“内容管理”，然后选择“文档管理”。
3、选择文章：找到你想要推荐的文章，点击右侧的“修改”按钮。
4、设置推荐属性：在文章编辑页面，找到“高级选项”或类似的标签页，勾选“推荐”复选框，然后保存更改。
5、重复操作：对其他需要推荐的文章重复上述步骤。
四、测试效果
完成以上步骤后，刷新前台文章列表页面，你应该能看到推荐的文章旁边出现了“推荐”图标，如果没有看到预期的效果，请检查以下几点：
1、模板文件是否正确修改：确保你在正确的模板文件中添加了代码。
2、图标路径是否正确：确认图标文件存在于指定的路径，并且路径正确无误。
3、后台推荐设置是否正确：确保已经在后台将相关文章设置为推荐状态。
4、缓存清理：有时候Dedecms会缓存模板文件，导致修改不生效，尝试清理缓存后再查看效果。
五、常见问题解答（FAQs）
Q1：如何更改“推荐”图标的样式？
A1：要更改“推荐”图标的样式，你可以修改CSS文件中的相关样式规则，如果你想改变图标的大小，可以调整.tuijian类中的width和height属性；如果想更换图标图片，可以修改background属性中的图片路径，记得保存修改后的CSS文件，并刷新页面查看效果。
Q2：如何为不同类型的文章设置不同的推荐图标？
A2：如果你希望为不同类型的文章设置不同的推荐图标，可以在模板文件中添加更多的条件判断，你可以根据文章的类型ID（typeid）来选择不同的图标，在CSS文件中定义多个图标样式，然后在模板文件中使用多个{ifdede:field name='typeid' value='X'}条件判断，其中X是你要匹配的类型ID，根据不同的类型ID，显示不同的图标，这样，你就可以为不同类型的文章设置独特的推荐图标了。