如何在织梦中同时添加两张缩略图？

在织梦CMS（DedeCMS）中添加两张缩略图，可以通过一些简单的步骤实现，本文将详细介绍如何在织梦CMS中添加两张缩略图，包括配置模板、修改代码等操作。

准备工作

1、备份网站数据：在进行任何修改之前，建议先备份你的网站数据，以防出现意外情况。

2、了解文件结构：熟悉织梦CMS的文件结构和模板文件位置，通常在“/templets”目录下。

3、准备图片：确保你有两张需要作为缩略图的图片，并上传到服务器的合适位置。

修改模板文件

1、找到列表模板文件：进入“/templets/default/”目录，找到对应频道的列表模板文件，list_article.htm”。

2、编辑模板文件：使用文本编辑器打开该文件，找到显示缩略图的位置。

添加缩略图标签

在适当位置添加两个缩略图标签，

{dede:field name='image'/}
{dede:field name='litpic'/}

调整CSS样式

为了使两张缩略图显示效果更佳，可以调整CSS样式，可以在模板文件头部或单独的CSS文件中添加以下样式：

.thumbnail {
    width: 100px;
    height: 100px;
    marginright: 10px;
}

保存并更新缓存

保存对模板文件的修改，然后登录织梦CMS后台，更新系统缓存。

检查效果

访问前台页面，检查两张缩略图是否正常显示，并根据需要进行进一步调整。

常见问题解答（FAQs）

问题1：如何为不同的栏目设置不同的缩略图？

答：可以为不同的栏目设置不同的缩略图字段，具体操作如下：

1、在后台新增一个字段，litpic2”，用于存放第二张缩略图。

2、在发布文章时，上传第二张缩略图到“litpic2”字段。

3、在模板文件中添加相应的标签调用第二张缩略图：

{dede:field name='litpic2'/}

4、更新缓存并检查前台显示效果。

问题2：如何控制缩略图的尺寸？

答：可以通过CSS样式来控制缩略图的尺寸，在模板文件的头部或单独的CSS文件中添加以下样式：

.thumbnail {
    width: 100px;
    height: 100px;
    marginright: 10px;
}

根据需要调整width和height的值，以控制缩略图的尺寸，如果需要保持图片的比例，可以使用objectfit属性：

.thumbnail {
    width: 100px;
    height: 100px;
    marginright: 10px;
    objectfit: cover; /* 保持图片比例 */
}