使用DedeCMS自带的“幻灯片”功能(最推荐)
这是最官方、最简单的方法,专门用于制作网站首页的轮播图、焦点图等,它有独立的后台管理,非常方便。

步骤 1:在后台添加幻灯片
- 登录你的DedeCMS后台。
- 在左侧菜单栏找到 【系统】 -> 【幻灯片管理】 -> 【添加幻灯片】。
- 填写信息:
- 名称:给你的幻灯片组起个名字,首页轮播图”。
- 位置:这里填一个你自定义的标识符,
index_focus,这个标识符很重要,你会在模板中用到它。 - 上传图片:点击“浏览”或“上传”,选择你想要展示的图片,你可以上传多张。
- 跳转链接:为每张图片设置一个点击后要跳转的网址,比如文章页、产品页或外部链接,如果不跳转,可以留空或填 。
- 排序:数字越小,图片越靠前,你可以调整顺序。
- 点击 【保存】。
步骤 2:在首页模板中调用
- 进入后台的 【模板】 -> 【默认模板管理】。
- 找到并修改你的首页模板文件,通常是
index.htm。 - 在你想要显示轮播图的位置,插入以下代码:
<!-- 调用标识符为 'index_focus' 的幻灯片,宽800px,高300px -->
{dede:myad name='index_focus' width='800' height='300'}
代码解释:
{dede:myad}:这是DedeCMS调用广告/幻灯片的标签。name='index_focus':必须与你在后台“位置”栏填写的标识符完全一致。width='800'和height='300':设置幻灯片的显示尺寸,请根据你的图片尺寸和布局来调整。
优点:
- 后台管理方便:无需修改代码,直接在后台增删改查图片。
- 功能强大:通常自带平滑切换、自动播放等JS效果。
- 官方支持:最稳定、最推荐的方式。
使用自定义内容模型(灵活且强大)
如果你的图片不仅仅是轮播,还需要有标题、简介等文字信息,使用自定义内容模型是最佳选择。
步骤 1:创建自定义内容模型
- 在后台找到 【核心】 -> 模型管理】 -> 模型】。
- 填写信息:
- 模型名称:首页焦点图文”。
- 模型表:系统会自动生成,如
dede_addonfocus,无需修改。 - 字段:这是最关键的一步,点击 【字段管理】 -> 【增加新字段】,添加你需要的字段:
- 图片字段:字段名
litpic,类型“图片”。 - 标题字段:字段名
title,类型“单行文本”。 - 链接字段:字段名
url,类型“页面跳转”。 - 你还可以添加“简介”、“排序”等字段。
- 图片字段:字段名
- 保存并生成这个新模型。
步骤 2:发布内容
- 在后台发布内容时,选择你刚刚创建的模型(如“首页焦点图文”)。
- 、上传图片、设置跳转链接等信息,并发布。
步骤 步骤 3:在首页模板中调用
使用 {dede:arclist} 标签来调用这个模型下的内容。

<!-- 调用 '首页焦点图文' 模型下的内容,只调用6条,按排序降序 -->
{dede:arclist typeid='0' row='6' channelid='你创建的模型ID' orderby='sortrank' orderway='desc'}
<a href="[field:url/]" target="_blank">
<img src="[field:litpic/]" alt="[field:title/]" />
<p>[field:title/]</p>
</a>
{/dede:arclist}
代码解释:
typeid='0':调用所有栏目的内容,如果只想调用特定栏目,请填写对应的栏目ID。row='6':调用6条记录。channelid='你创建的模型ID':必须填写,你可以在 模型管理】 中找到你创建的模型,查看其ID。orderby='sortrank' orderway='desc':按后台的“排序”字段进行降序排列,让重要的内容显示在前面。[field:url/]:调用你设置的“链接”字段的值。[field:litpic/]:调用“图片”字段的值。[field:title/]:调用“标题”字段的值。
优点:
- 极其灵活:可以自由定义字段,满足各种复杂图文展示需求。
- 内容与表现分离在后台管理,模板代码只负责展示。
直接调用栏目图片(简单直接)
如果你的首页只是想展示某个特定栏目(产品展示”)的封面图,可以使用这种方法。
步骤 1:设置栏目封面图
- 在后台进入 【栏目管理】。
- 找到你想要调用的栏目(产品展示”)。
- 在“栏目内容”设置中,上传“栏目封面图”。
步骤 2:在首页模板中调用
使用 方法 A: 调用当前栏目的封面图 (不常用) 方法 B: 调用指定栏目的封面图 (更常用) 使用 代码解释: 优点: 对于绝大多数网站的首页图片调用,强烈推荐使用方法一(幻灯片),如果需求更复杂,再考虑使用方法二(自定义模型),方法三则适用于非常简单的场景。{dede:global} 标签或 {dede:channel}

<!-- 这个标签通常用于栏目页,直接用在首页可能不显示 -->
<img src="{dede:field name='image'/}" alt="{dede:field name='typename'/}" />
{dede:channel} 标签来获取特定栏目的信息。<!-- 调用栏目ID为 '1' 的栏目封面图 -->
{dede:channel typeid='1'}
<a href="[field:typelink/]">
<img src="[field:picname/]" alt="[field:typename/]" />
</a>
{/dede:channel}
typeid='1':必须填写你想要调用的栏目的ID。[field:typelink/]:调用该栏目的链接地址。[field:picname/]:调用该栏目的“封面图片”地址。[field:typename/]:调用该栏目的名称。
总结与对比
方法
优点
缺点
适用场景
幻灯片
后台管理方便,自带JS效果,官方推荐。
功能相对固定,字段扩展性差。
首页轮播图、焦点图等纯图片展示。
自定义模型
灵活强大,可自定义任意字段,内容与表现分离。
设置步骤稍多,需要创建模型和字段。
需要图文混排、带标题简介、链接的复杂图文列表。
栏目图片
极其简单,一步到位。
只能调用单个栏目图片,不够灵活。
首页展示特定栏目的封面图,作为栏目入口。
