如何在DedeCMS网站中为栏目添加缩略图？

在DedeCMS（织梦内容管理系统）中，为网站栏目增加缩略图可以提升网站的视觉效果和用户体验，本文将详细介绍如何在DedeCMS中为栏目添加缩略图，包括步骤、代码示例以及常见问题的解答。

准备工作

1、备份网站：在进行任何修改之前，务必对网站进行备份，以防止数据丢失或出现意外问题。

2、FTP工具：准备好FTP工具，如FileZilla，以便上传文件到服务器。

3、图片准备：提前准备好用于栏目缩略图的图片，并确保图片尺寸合适。

修改数据库表结构

为了存储缩略图的路径，我们需要在数据库中添加一个新的字段，以下是具体步骤：

1、登录数据库管理工具：使用phpMyAdmin或其他数据库管理工具登录你的数据库。

2、找到表dede_arctype：这是存储栏目信息的表。

3、添加新字段thumb：

数据类型：varchar(255)

允许NULL：否

默认值：空字符串

排序规则：utf8_general_ci

ALTER TABLEdede_arctype ADD COLUMNthumb VARCHAR(255) NOT NULL DEFAULT '';

修改后台模板文件

我们需要修改DedeCMS的后台模板文件，以便在添加或编辑栏目时能够上传和显示缩略图。

1、找到模板文件：

路径：/dede/templets/default/article_add.htm

2、插入上传缩略图的表单：

在适当的位置插入以下代码：

<tr>
    <td width="120" align="right">缩略图：</td>
    <td><input type="file" name="thumb" id="thumb"></td>
</tr>

3、保存并上传文件：将修改后的模板文件通过FTP工具上传到服务器。

修改列表页模板

为了让缩略图在前台显示，我们需要修改列表页模板文件。

1、找到模板文件：

路径：/templets/default/list_article.htm

2、插入缩略图显示代码：

在适当的位置插入以下代码：

{dede:field name='thumb' runphp='yes'}
    <?php
        if (preg_match("/(.jpg|.png|.gif)$/i", $this>Fields['thumb'])) {
            echo '<img src="' . $this>Fields['thumb'] . '" alt="缩略图" width="100" height="100">';
        } else {
            echo '暂无缩略图';
        }
    ?>
{/dede:field}

3、保存并上传文件：将修改后的模板文件通过FTP工具上传到服务器。

测试与调整

完成上述步骤后，登录DedeCMS后台，尝试添加或编辑栏目，上传缩略图，并在前台查看效果，如果遇到问题，请检查代码是否正确，或参考官方文档进行排查。

FAQs

Q1: 如何删除已经上传但不再需要的缩略图？

A1: 可以通过FTP工具登录到服务器，找到存放缩略图的文件夹（通常位于/uploads/allimg），手动删除不需要的文件，记得更新数据库中的记录，将对应的thumb字段设置为空字符串。

Q2: 如果更换了缩略图，前台显示的还是旧的怎么办？

A2: 这可能是浏览器缓存导致的，尝试清除浏览器缓存后刷新页面，或者更换浏览器查看效果，如果问题依旧存在，请检查后台是否成功上传了新的缩略图，并确认前台模板代码是否正确。