dede友情链接标签怎么用？参数有哪些？

基本语法

{dede:flink} 标签的基本结构如下：

{dede:flink/}

最简单的用法就是直接输出所有类型的友情链接,但这样通常无法满足样式要求，我们通常会使用它的属性来控制输出。

常用属性

{dede:flink} 标签提供了丰富的属性来控制链接的类型、数量、排序和显示方式。

常用示例

示例 1：调用首页的文字友情链接（最常用）

这是最常见的需求,通常放在网站的页脚。

<div class="footer-links">
    <h4>友情链接</h4>
    <ul>
        {dede:flink linktype='首页' type='text' row='20' titlelen='10'}
        <li><a href="[field:url/]" title="[field:name/]" target="_blank">[field:name/]</a></li>
        {/dede:flink}
    </ul>
</div>

代码解析：

• linktype='首页'：只调用在后台设置为“首页显示”的友情链接。
• type='text'：只调用文字类型的链接。
• row='20'：最多显示 20 个链接，len='10'`：链接标题最多显示 10 个字节（5 个汉字，一个汉字占 2 个字节）。
• [field:url/]：友情链接的目标地址。
• [field:name/]：友情链接的名称。
• target="_blank"：让链接在新窗口打开，这是友情链接的常规做法。

示例 2：调用首页的图片友情链接

这个通常也用在页脚,以 Logo 的形式展示。

<div class="partner-logos">
    {dede:flink linktype='首页' type='image' row='10'}
    <a href="[field:url/]" title="[field:name/]" target="_blank">
        <img src="[field:img/]" alt="[field:name/]" />
    </a>
    {/dede:flink}
</div>

代码解析：

• type='image'：指定调用图片链接。
• [field:img/]：友情链接的图片地址。

示例 3：分栏显示（使用 col 属性）

如果你想让友情链接分几列显示,可以使用 col 属性。

<div class="footer-links">
    {dede:flink linktype='首页' type='text' row='20' col='4'}
    <a href="[field:url/]" title="[field:name/]" target="_blank">[field:name/]</a>
    {/dede:flink}
</div>

代码解析：

• col='4'：会将 row 数量的链接分成 4 列显示。row=20，则会生成 5 行 4 列的链接，注意，如果链接数量不能被 col 整除，布局可能会错乱，通常需要配合 CSS 来控制。

示例 4：按分类调用友情链接

在后台,你可以为友情链接设置分类（如“媒体伙伴”、“技术支持”等），然后可以在不同位置调用不同分类的链接。

假设“媒体伙伴”这个分类的 ID 是 1。

<div class="media-partners">
    <h4>媒体伙伴</h4>
    <ul>
        {dede:flink typeid='1' type='text' row='10'}
        <li><a href="[field:url/]" title="[field:name/]" target="_blank">[field:name/]</a></li>
        {/dede:flink}
    </ul>
</div>

代码解析：

• typeid='1'：这是关键，它指定了只调用 ID 为 1 的分类下的友情链接。

进阶用法：自定义循环体

默认的 <a> 标签不能满足复杂的样式需求，你可以通过自定义循环体来完全控制 HTML 结构。

<div class="custom-link-area">
    {dede:flink linktype='首页' type='text' row='10'}
        <div class="link-item">
            <a href="[field:url/]" title="[field:name/]" target="_blank">
                <span class="link-icon">🔗</span>
                <span class="link-name">[field:name/]</span>
            </a>
        </div>
    {/dede:flink}
</div>

然后你可以通过 CSS 来美化 .link-item，比如设置 display: inline-block 和 margin，实现更灵活的布局。

后台设置要点

要让标签正常工作,后台的设置至关重要：

1. 进入后台：登录 DedeCMS 后台。
2. 找到入口：菜单栏 -> 核心 -> 友情链接。
3. 添加链接：在“增加友情链接”页面，填写网站名称、网址（URL）、类型（文字/图片）、Logo（如果是图片链接）、网站说明等。
4. 设置显示位置：在“显示位置”选项中，勾选“首页”、“内页”或“自定义页面”，这对应了 linktype 属性。
5. 设置分类（可选）：如果需要按分类调用，可以先在“分类管理”中创建分类，然后在添加链接时选择对应的分类。

{dede:flink} 是一个非常强大且实用的标签，掌握它的核心属性 type, linktype, row, typeid 就能解决 99% 的友情链接调用需求，灵活组合这些属性，并结合自定义的 HTML 结构和 CSS，可以实现任何你想要的显示效果。