通过“自定义字段”实现(最灵活、推荐)
这种方法的核心思想是:在栏目模型中增加一个自定义字段,专门用来存储栏目图片,然后在后台填写图片地址,最后在前端模板中调用这个字段的值。

(图片来源网络,侵删)
第一步:在后台添加自定义字段
- 登录织梦后台,进入【核心】 -> 【频道模型】 -> 【内容模型管理】。
- 点击【普通文章】(或您当前使用的栏目模型)后面的【字段管理】。
- 点击【添加新字段】。
- 填写字段信息:
- 字段名称:
typedirimg(可以自定义,建议用英文或拼音,方便记忆) - 字段说明:
栏目图片(这个是后台显示的名称,可以任意填写) - 字段类型:
多媒体(这个类型可以直接上传图片,非常方便) - 默认值:留空
- 其他选项:保持默认即可。
- 字段名称:
- 点击【保存】。
您已经成功添加了一个名为 typedirimg 的自定义字段,这个字段会出现在所有使用“普通文章”模型的栏目中。
第二步:为指定栏目填写图片
- 进入【核心】 -> 【栏目管理】。
- 找到您需要添加图片的二级栏目,点击它后面的【修改】。
- 在栏目修改页面,向下滚动,您会看到一个“自定义字段”区域,这里会出现您刚刚创建的
栏目图片字段。 - 点击字段右侧的【上传】按钮,选择一张本地的图片上传,上传成功后,图片地址会自动填入输入框中。
- 点击页面底部的【确定】按钮保存。
重复此步骤,为您所有需要添加图片的二级栏目都上传好图片。
第三步:在前端模板中调用图片
最关键的一步来了,您需要修改栏目列表页模板(通常是 list_artlist.htm),来显示这些图片。
- 进入【模板】 -> 【默认模板管理】。
- 找到您当前栏目使用的【栏目列表页模板】,点击其右侧的【修改】。
- 在模板代码中,找到您希望显示图片的位置(在
<ul>列表内部)。 - 使用织梦的标签
{dede:field.typedirimg /}来调用您刚刚上传的图片。
示例代码:

(图片来源网络,侵删)
{dede:channelartlist typeid='top' row='8'}
<div class="class_box">
<h3>{dede:field name='typename'/}</h3>
<ul>
{dede:arclist titlelen='42' row='10'}
<li><a href="[field:arcurl/]">[field:title/]</a></li>
{/dede:arclist}
</ul>
<!-- 在这里添加显示二级栏目图片的代码 -->
{dede:field.typeid runphp='yes'}
global $dsql;
$typeid = @me;
// 获取当前顶级栏目ID
$topid = GetTopid($typeid);
// 查询顶级栏目下的所有二级栏目
$sql = "SELECT typedirimg FROM `dede_arctype` WHERE reid = $topid AND typedirimg != ''";
$dsql->SetQuery($sql);
$dsql->Execute();
$i = 0;
while($row = $dsql->GetArray()){
if($i < 4){ // 只显示前4个有图片的二级栏目
@me = '<img src="'.$row['typedirimg'].'" alt="栏目图片">';
}else{
@me = '';
}
$i++;
}
if(@me == '') @me = '<img src="/images/default.jpg" alt="默认图片">'; // 如果没有图片,显示默认图
{/dede:field.typeid}
</div>
{/dede:channelartlist}
上面的代码比较复杂,是一个更通用的写法,对于简单的列表页,您可以直接在循环中调用:
一个更简单、更常用的场景是,您只想在当前二级栏目列表页的顶部显示它自己的图片。
在 list_artlist.htm 中的使用方法:
<!-- 在模板的顶部,你想显示图片的地方加入下面这行代码 -->
{dede:field.typedirimg /}
如果图片没有显示,请检查:
- 后台是否真的上传了图片?
- 字段名称
typedirimg是否写错了? - 模板是否已经生成或刷新?
利用“栏目属性”中的“选项图片”(较简单)
织梦的每个栏目都有一个“选项图片”字段,虽然它主要用于导航栏等特定位置,但也可以利用起来。
第一步:为栏目设置选项图片
- 进入【核心】 -> 【栏目管理】。
- 找到您的二级栏目,点击【修改】。
- 在栏目修改页面,找到“常规选项”或“高级选项”标签页。
- 找到“选项图片”这一项,点击右侧的【上传】按钮,上传您的图片。
- 点击【确定】保存。
第二步:在前端模板中调用
调用这个图片的标签是 {dede:field.typeimg /}。
在 list_artlist.htm 中的使用方法:
<!-- 在模板的顶部,你想显示图片的地方加入下面这行代码 -->
{dede:field.typeimg /}
注意:{dede:field.typeimg /} 这个标签通常用于调用“栏目封面图片”,它和“选项图片”是同一个字段,所以这个方法和方法一其实异曲同工,只是利用了系统自带的字段,无需额外添加。
总结与对比
| 特性 | 方法一 (自定义字段) | 方法二 (选项图片) |
|---|---|---|
| 灵活性 | 极高,可以创建任意多个图片字段,用于不同位置。 | 较低,只有一个 typeimg 字段,容易被其他功能占用。 |
| 适用性 | 通用,适用于任何需要为栏目添加图片的场景。 | 特定,适合作为封面图或选项图使用。 |
| 操作步骤 | 稍多,需要先添加字段。 | 简单,直接在修改栏目页面填写即可。 |
| 推荐度 | ★★★★★ (强烈推荐) | ★★★☆☆ (可以使用,但有局限性) |
对于绝大多数需求,强烈推荐使用方法一(自定义字段),它虽然多了一步添加字段的操作,但一劳永逸,逻辑清晰,不会和系统默认功能产生冲突,是专业、规范的用法。
希望这个详细的教程能帮助您解决问题!如果在操作中遇到任何困难,欢迎随时提问。
