# dedecms如何添加并调用栏目缩略图

*Published:* 2023-11-16
*Author:* 客服001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2023年11月16日，已超过 180天没有更新



1，首先，在后台执行 sql 语句，添加[栏目](https://www.xarjtc.com/tag/%e6%a0%8f%e7%9b%ae "查看栏目此标签更多文章")[缩略图](https://www.xarjtc.com/tag/%e7%bc%a9%e7%95%a5%e5%9b%be "查看缩略图此标签更多文章")字段

```
alter table `dede_arctype` add `typeimg` char(100) NOT NULL default '';
```

其中 dede 为表前缀，若有做修改，请改为修改后的前缀

typeimg 为缩略图字段，可以修改成自己需要的字段，若此处做了修改，后面的所有字段请记得修改成对应的字符

[![](https://www.xarjtc.com/wp-content/uploads/2023/11/1561687753650156.jpg)](https://www.xarjtc.com/wp-content/uploads/2023/11/1561687753650156.jpg)

而后，除了我们的模版文件，一共需要修改系统的五个文件：

1、/dede/catalog\_add.php 增加栏目文件

2、/dede/catalog\_edit.php 修改栏目文件

3、/dede/templets/catalog\_add.htm 增加栏目文件

4、/dede/templets/catalog\_edit.htm 修改栏目文件

5、/nclude/taglib/channel.lib.php 字段调用文件

打开 /dede/catalog\_add.php文件

查找：(reid,topid,sortrank,typename,typedir,

修改为：(reid,topid,sortrank,typename,typedir,typeimg,

查找：('~reid~','~topid~','~rank~','~typename~','~typedir~',

修改为：('~reid~','~topid~','~rank~','~typename~','~typedir~','~typeimg~',

打开/dede/catalog\_edit.php文件

搜索：$upquery = "UPDATE `dede\_arctype` SET

在其下方添加：`typeimg`='$typeimg',

打开 /dede/templets/catalog\_add.htm文件

搜索：列表命名规则：

在其 tr 下方添加一个 tr ，内容如下：

```
<tr>
<td 
style="padding-left:10px;">栏目图片：</td>
<td><input name="typeimg"
type="text" style="width:250px" id="typeimg" class="alltxt" value="" /> 
<input type="button" name="set9" value="浏览... "class="coolbg np"
style="width:60px"
onClick="SelectTemplets('SelectImage('form1.typeimg','small');"
/>(栏目模板里用{dede:field.typeimg /}调用) 
</td>
</tr>
```

效果图如下：

[![](https://www.xarjtc.com/wp-content/uploads/2023/11/1561687787122668.jpg)](https://www.xarjtc.com/wp-content/uploads/2023/11/1561687787122668.jpg)

修改好以上代码后，在 head 区域引入 main.js 文件

```
<script language='javascript' src="js/main.js"></script>
```

打开/dede/templets/catalog\_edit.htm

搜索：列表命名规则：

在其 tr 下方添加一个 tr ，内容如下：

```
<tr>
<td 
style="padding-left:10px;">栏目图片：</td>
<td><input name="typeimg"
type="text" style="width:250px" id="typeimg" class="alltxt" value="" /> 
<input type="button" name="set9" value="浏览... "class="coolbg np"
style="width:60px"
onClick="SelectTemplets('SelectImage('form1.typeimg','small');"
/>(栏目模板里用{dede:field.typeimg /}调用) 
</td>
</tr>
```

效果图如下：

[![](https://www.xarjtc.com/wp-content/uploads/2023/11/1561687797158281.jpg)](https://www.xarjtc.com/wp-content/uploads/2023/11/1561687797158281.jpg)

同样引入 main.js 文件，操作同上

打开：/nclude/taglib/channel.lib.php

搜索：SELECT id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath

替换为：SELECT id,typename,typedir,isdefault,ispart,defaultname,namerule2,moresite,siteurl,sitepath,typeimg

上传后在栏目的高级选项操作,如图：

[![](https://www.xarjtc.com/wp-content/uploads/2023/11/1561687807162825.jpg)](https://www.xarjtc.com/wp-content/uploads/2023/11/1561687807162825.jpg)

调用：

通过：\[field:typeimg/\]调用

实例：&lt;a href="\[field:typelink/\]"&gt;&lt;img src="\[field:typeimg/\]" /&gt;&lt;/a&gt;