如何在织梦CMS或dedecms中为内容列表文章添加hot和new小图标？

在织梦CMS（DedeCMS）中，为内容列表文章添加“hot”和“new”小图标，可以通过修改模板文件来实现，以下是一个详细的步骤指南：

1. 准备工作

确保你已经安装了DedeCMS并能够正常访问后台管理界面，准备好你想要使用的“hot”和“new”图标图片，通常这些图片是.png或.jpg格式的。

2. 上传图标文件

将你准备好的“hot”和“new”图标文件上传到DedeCMS的静态资源目录中，通常是/static/images/目录下，你可以将它们命名为hot_icon.png和new_icon.png。

3. 编辑列表模板文件

找到控制文章内容列表显示的模板文件，这通常位于/templets/default/content/list_article.htm，如果你使用的是自定义模板风格，请找到相应的模板文件。

4. 添加判断条件

在模板文件中，找到循环输出文章列表的地方，通常会有类似这样的代码：

{dede:arclist ...}
    ...
{/dede:arclist}

在循环内部，添加判断条件来识别哪些文章应该显示“hot”或“new”图标，假设你的“hot”文章有一个特殊的字段标记，比如is_hot，而“new”文章则根据发布时间判断。

5. 修改模板代码

在适当的位置添加以下代码：

{dede:arclist ...}
    ...
    <! 添加hot图标 >
    {dede:field name='is_hot'}
        <img src="/static/images/hot_icon.png" alt="Hot" class="hoticon">
    {/dede:field}
    <! 添加new图标 >
    {dede:field name='pubdate' function='GetDateMK(@me)' format='%Y%m%d %H:%M:%S'}
        {dede:global name=cfg_last_update}
        {dede:field name='pubdate' function='GetDateMK(@me)' format='%Y%m%d %H:%M:%S'}
        {if $cfg_last_update > $pubdate}
            <img src="/static/images/new_icon.png" alt="New" class="newicon">
        {/if}
    {/dede:field}
    ...
{/dede:arclist}

6. CSS样式调整

为了确保图标显示正确，你可能需要添加一些CSS样式，在你的CSS文件中，添加以下样式：

.hoticon, .newicon {
    width: 16px; /* 根据实际图标大小调整 */
    height: 16px; /* 根据实际图标大小调整 */
    marginleft: 5px; /* 根据需要调整间距 */
}

7. 更新缓存

完成上述步骤后，不要忘记更新DedeCMS的缓存，以确保更改立即生效。

8. 测试

返回前端页面查看效果，确认“hot”和“new”图标已经正确显示在相应的文章旁边。

FAQs

Q1: 如果我不想使用内置的字段标记，有没有其他方法来识别“hot”文章？

A1: 你可以通过其他方式来识别“hot”文章，比如根据文章的点击量、评论数量或者手动设置一个特定的分类，你需要在后台设置这些条件，并在模板文件中添加相应的判断逻辑来显示“hot”图标。

Q2: 我如何确保新图标只显示给最新的几篇文章？

A2: 你可以在模板文件中添加一个计数器来限制显示“new”图标的文章数量，你可以设置只显示最新发布的前5篇文章带有“new”图标，通过增加一个计数变量并在达到限制后停止显示图标来实现。

步骤	操作	描述
1	打开织梦CMS后台	登录到织梦CMS后台管理系统。
2	进入“内容管理”模块	在后台菜单中找到并点击“内容管理”。
3	选择“文章列表”	在内容管理模块中，选择“文章列表”功能。
4	找到“字段管理”	在文章列表页面，找到并点击“字段管理”。
5	添加自定义字段	点击“添加字段”按钮，创建新的自定义字段。
6	设置字段名称	在弹出的表单中，设置字段的名称，hot”或“new”。
7	选择字段类型	选择合适的字段类型，如“单选按钮”、“复选框”等，以便于显示hot或new图标。
8	设置字段值	为每个选项设置对应的值，hot”对应“是”，“new”对应“是”。
9	设置字段显示	在字段设置中，选择在文章列表中显示该字段。
10	保存并启用字段	点击“保存并启用”按钮，保存并启用新添加的字段。
11	修改模板文件	找到并打开文章列表模板文件，通常位于templets/default目录下。
12	查找字段调用代码	在模板文件中找到调用文章列表字段的地方。
13	添加图标代码	在字段调用代码附近，添加相应的HTML代码来显示图标。 。
14	设置条件判断	使用PHP代码添加条件判断，根据字段的值显示相应的图标。'; } ?>。
15	保存模板文件	保存修改后的模板文件，更新缓存后，文章列表中就会出现hot、new小图标了。