dede type 调用栏目图片

下面我将为你详细讲解如何实现,并提供不同场景下的代码示例。

核心原理

{dede:type} 标签通过指定一个栏目的 ID (如 typeid='1')，来获取该栏目的所有信息，然后通过内部的子标签（如 typename, typedir, imgsrc 等）来输出这些信息。

[field:imgsrc /] 就是专门用来调用栏目图片的子标签。

在栏目列表页或首页调用指定栏目的图片

这是最基本也是最常用的用法,假设你知道目标栏目的 ID，可以直接在模板文件中使用如下代码。

代码示例：

{dede:type typeid='1'}
    <a href="[field:typelink /]" title="[field:typename function='htmlspecialchars(@me)'/]">
        <img src="[field:imgsrc /]" alt="[field:typename function='htmlspecialchars(@me)'/]" />
    </a>
{/dede:type}

代码解析：

• {dede:type typeid='1'}: 开始一个栏目调用标签。
  • typeid='1'：这是关键参数，表示你要调用 ID 为 1 的那个栏目。你需要将其替换为你自己想要调用的栏目 ID，如果省略 typeid，在栏目列表页 {dede:type} 会默认调用当前栏目。
• [field:typelink /]: 获取该栏目的链接地址。
• [field:imgsrc /]: 获取该栏目的图片地址，这是本次调用图片的核心。
• [field:typename /]: 获取该栏目的名称。
• function='htmlspecialchars(@me)': 这是一个函数，用于对输出的内容（如栏目名）进行 HTML 转义，可以有效防止 XSS 攻击，是一种良好的编程习惯。
• <a> 和 <img> 标签：这是标准的 HTML 代码，用于将图片包裹在一个可点击的链接中，方便用户跳转到该栏目。

页调用所属栏目的图片

页（article_article.htm），你常常需要显示这篇文章所属的栏目及其图片。{dede:type} 标签可以不带 typeid 参数，它会自动获取当前文章所属的栏目信息。

代码示例：

{dede:type}
    <div class="column-info">
        <h3>栏目：</h3>
        <a href="[field:typelink /]">
            <img src="[field:imgsrc /]" alt="栏目：[field:typename /]" />
            <span>[field:typename /]</span>
        </a>
    </div>
{/dede:type}

代码解析：

• 页,{dede:type} 会自动解析为当前文章的栏目。
• 这样就能轻松地获取到文章所属栏目的图片和名称。

循环调用多个栏目的图片（推荐栏目”）

如果你想在首页或某个特定位置,循环调用多个指定栏目的图片（比如一个“友情链接”或“推荐栏目”区域），你需要结合 {dede:channel}

{dede:channel} 是用于循环输出栏目列表的标签，而 typeid 属性可以指定你想要包含的栏目。

<ul class="recommend-columns">
    {dede:channel typeid='1,3,5' row='3'}
        <li>
            <a href="[field:typelink /]" title="[field:typename /]">
                <img src="[field:imgsrc /]" alt="[field:typename /]" />
            </a>
            <p><a href="[field:typelink /]">[field:typename /]</a></p>
        </li>
    {/dede:channel}
</ul>