dede主页如何调用图片?

99ANYc3cd6
预计阅读时长 12 分钟
位置: 首页 DEDE建站 正文

使用DedeCMS自带的“幻灯片”功能(最推荐)

这是最官方、最简单的方法,专门用于制作网站首页的轮播图、焦点图等,它有独立的后台管理,非常方便。

dede主页图片调用
(图片来源网络,侵删)

步骤 1:在后台添加幻灯片

  1. 登录你的DedeCMS后台。
  2. 在左侧菜单栏找到 【系统】 -> 【幻灯片管理】 -> 【添加幻灯片】
  3. 填写信息:
    • 名称:给你的幻灯片组起个名字,首页轮播图”。
    • 位置:这里填一个你自定义的标识符,index_focus,这个标识符很重要,你会在模板中用到它。
    • 上传图片:点击“浏览”或“上传”,选择你想要展示的图片,你可以上传多张。
    • 跳转链接:为每张图片设置一个点击后要跳转的网址,比如文章页、产品页或外部链接,如果不跳转,可以留空或填 。
    • 排序:数字越小,图片越靠前,你可以调整顺序。
  4. 点击 【保存】

步骤 2:在首页模板中调用

  1. 进入后台的 【模板】 -> 【默认模板管理】
  2. 找到并修改你的首页模板文件,通常是 index.htm
  3. 在你想要显示轮播图的位置,插入以下代码:
<!-- 调用标识符为 '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:创建自定义内容模型

  1. 在后台找到 【核心】 -> 模型管理】 -> 模型】
  2. 填写信息:
    • 模型名称:首页焦点图文”。
    • 模型表:系统会自动生成,如 dede_addonfocus,无需修改。
    • 字段:这是最关键的一步,点击 【字段管理】 -> 【增加新字段】,添加你需要的字段:
      • 图片字段:字段名 litpic,类型“图片”。
      • 标题字段:字段名 title,类型“单行文本”。
      • 链接字段:字段名 url,类型“页面跳转”。
      • 你还可以添加“简介”、“排序”等字段。
  3. 保存并生成这个新模型。

步骤 2:发布内容

  1. 在后台发布内容时,选择你刚刚创建的模型(如“首页焦点图文”)。
  2. 、上传图片、设置跳转链接等信息,并发布。

步骤 步骤 3:在首页模板中调用

使用 {dede:arclist} 标签来调用这个模型下的内容。

dede主页图片调用
(图片来源网络,侵删)
<!-- 调用 '首页焦点图文' 模型下的内容,只调用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:设置栏目封面图

  1. 在后台进入 【栏目管理】
  2. 找到你想要调用的栏目(产品展示”)。
  3. 在“栏目内容”设置中,上传“栏目封面图”。

步骤 2:在首页模板中调用

使用 {dede:global} 标签或 {dede:channel}

方法 A: 调用当前栏目的封面图 (不常用)

dede主页图片调用
(图片来源网络,侵删)
<!-- 这个标签通常用于栏目页,直接用在首页可能不显示 -->
<img src="{dede:field name='image'/}" alt="{dede:field name='typename'/}" />

方法 B: 调用指定栏目的封面图 (更常用)

使用 {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效果,官方推荐。 功能相对固定,字段扩展性差。 首页轮播图、焦点图等纯图片展示。
自定义模型 灵活强大,可自定义任意字段,内容与表现分离。 设置步骤稍多,需要创建模型和字段。 需要图文混排、带标题简介、链接的复杂图文列表。
栏目图片 极其简单,一步到位。 只能调用单个栏目图片,不够灵活。 首页展示特定栏目的封面图,作为栏目入口。

对于绝大多数网站的首页图片调用,强烈推荐使用方法一(幻灯片),如果需求更复杂,再考虑使用方法二(自定义模型),方法三则适用于非常简单的场景。

-- 展开阅读全文 --
头像
C语言中round函数如何正确使用?
« 上一篇 今天
织梦缩略图为何不变型?
下一篇 » 今天

相关文章

取消
微信二维码
支付宝二维码