织梦二级栏目图片如何指定?

99ANYc3cd6
预计阅读时长 13 分钟
位置: 首页 织梦建站 正文

通过“自定义字段”实现(最灵活、推荐)

这种方法的核心思想是:在栏目模型中增加一个自定义字段,专门用来存储栏目图片,然后在后台填写图片地址,最后在前端模板中调用这个字段的值。

织梦指定二级栏目图片
(图片来源网络,侵删)

第一步:在后台添加自定义字段

  1. 登录织梦后台,进入【核心】 -> 【频道模型】 -> 【内容模型管理】。
  2. 点击【普通文章】(或您当前使用的栏目模型)后面的【字段管理】。
  3. 点击【添加新字段】。
  4. 填写字段信息
    • 字段名称typedirimg (可以自定义,建议用英文或拼音,方便记忆)
    • 字段说明栏目图片 (这个是后台显示的名称,可以任意填写)
    • 字段类型多媒体 (这个类型可以直接上传图片,非常方便)
    • 默认值:留空
    • 其他选项:保持默认即可。
  5. 点击【保存】。

您已经成功添加了一个名为 typedirimg 的自定义字段,这个字段会出现在所有使用“普通文章”模型的栏目中。

第二步:为指定栏目填写图片

  1. 进入【核心】 -> 【栏目管理】
  2. 找到您需要添加图片的二级栏目,点击它后面的【修改】。
  3. 在栏目修改页面,向下滚动,您会看到一个“自定义字段”区域,这里会出现您刚刚创建的 栏目图片 字段。
  4. 点击字段右侧的【上传】按钮,选择一张本地的图片上传,上传成功后,图片地址会自动填入输入框中。
  5. 点击页面底部的【确定】按钮保存。

重复此步骤,为您所有需要添加图片的二级栏目都上传好图片。

第三步:在前端模板中调用图片

最关键的一步来了,您需要修改栏目列表页模板(通常是 list_artlist.htm),来显示这些图片。

  1. 进入【模板】 -> 【默认模板管理】
  2. 找到您当前栏目使用的【栏目列表页模板】,点击其右侧的【修改】。
  3. 在模板代码中,找到您希望显示图片的位置(在 <ul> 列表内部)。
  4. 使用织梦的标签 {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 是否写错了?
  • 模板是否已经生成或刷新?

利用“栏目属性”中的“选项图片”(较简单)

织梦的每个栏目都有一个“选项图片”字段,虽然它主要用于导航栏等特定位置,但也可以利用起来。

第一步:为栏目设置选项图片

  1. 进入【核心】 -> 【栏目管理】
  2. 找到您的二级栏目,点击【修改】。
  3. 在栏目修改页面,找到“常规选项”或“高级选项”标签页。
  4. 找到“选项图片”这一项,点击右侧的【上传】按钮,上传您的图片。
  5. 点击【确定】保存。

第二步:在前端模板中调用

调用这个图片的标签是 {dede:field.typeimg /}

list_artlist.htm 中的使用方法:

<!-- 在模板的顶部,你想显示图片的地方加入下面这行代码 -->
{dede:field.typeimg /}

注意{dede:field.typeimg /} 这个标签通常用于调用“栏目封面图片”,它和“选项图片”是同一个字段,所以这个方法和方法一其实异曲同工,只是利用了系统自带的字段,无需额外添加。


总结与对比

特性 方法一 (自定义字段) 方法二 (选项图片)
灵活性 极高,可以创建任意多个图片字段,用于不同位置。 较低,只有一个 typeimg 字段,容易被其他功能占用。
适用性 通用,适用于任何需要为栏目添加图片的场景。 特定,适合作为封面图或选项图使用。
操作步骤 稍多,需要先添加字段。 简单,直接在修改栏目页面填写即可。
推荐度 ★★★★★ (强烈推荐) ★★★☆☆ (可以使用,但有局限性)

对于绝大多数需求,强烈推荐使用方法一(自定义字段),它虽然多了一步添加字段的操作,但一劳永逸,逻辑清晰,不会和系统默认功能产生冲突,是专业、规范的用法。

希望这个详细的教程能帮助您解决问题!如果在操作中遇到任何困难,欢迎随时提问。

-- 展开阅读全文 --
头像
织梦表单如何实现跨服务器提交?
« 上一篇 02-25
织梦留言板前后台如何互通与安全设置?
下一篇 » 02-25

相关文章

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

目录[+]