dede 调用友情链接

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

基本调用方法

这是最简单、最基础的调用方式,它会按照后台设置的默认排序(通常是按添加时间)显示所有友情链接。

dede 调用友情链接
(图片来源网络,侵删)
{dede:flink/}

将这段代码直接粘贴到你需要显示友情链接的模板文件(通常是 footer.htm)中即可。


标签属性详解

{dede:flink} 标签支持多种属性,让你可以灵活地控制友情链接的显示方式。

type - 按类型调用

友情链接在后台可以分为两种类型:

  • text:文字链接
  • image:图片链接

你可以使用 type 属性来只显示其中一种。

示例:只显示文字链接

{dede:flink type='text'/}

示例:只显示图片链接

{dede:flink type='image'/}

row - 调用数量

使用 row 属性来限制显示的友情链接数量。

示例:只显示前 10 个友情链接

{dede:flink row='10'/}

linktype - 按推荐级别调用

友情链接在后台有推荐级别设置,可以通过 linktype 来筛选。

  • 1:首页友情链接
  • 2:内页友情链接
  • 不设置或为空:显示所有

示例:只调用设置为“首页显示”的友情链接

{dede:flink linktype='1'/}

titlelen - 标题长度

len` 属性来限制友情链接显示的文字长度,防止过长的标题破坏页面布局。

示例:限制链接标题最多显示 10 个字符

{dede:flink titlelen='10'/}

typeid - 按分类调用

如果你的友情链接很多,并且设置了分类,可以通过 typeid 来调用指定分类下的链接,分类ID可以在后台“友情链接管理” -> “分类管理”中查看。

示例:调用分类ID为 2 的友情链接

{dede:flink typeid='2'/}

完整属性组合示例

通常我们会将多个属性组合使用,以达到最理想的效果。

示例:调用首页显示的、最多 12 个、文字长度不超过 12 个字符的文字链接

{dede:flink linktype='1' type='text' row='12' titlelen='12'/}

进阶用法:自定义列表样式(循环输出)

默认的 {dede:flink/} 会以 <li> 标签循环输出,但很多时候,我们需要自定义它的HTML结构,比如加上 target 属性(新窗口打开)或者自定义CSS类。

这时,我们需要使用 {dede:flink} 的循环体形式。

基本语法:

{dede:flink row='10' type='text'}
    <a href='[field:url/]' target='_blank' title='[field:msg/]'>[field:name/]</a>
{/dede:flink}

语法解析:

  • {dede:flink ...}: 开始标签,可以带属性。
  • [field:url/]: 友情链接的地址。
  • [field:name/]: 友情链接的名称。
  • [field:msg/]: 友情链接的说明(描述)。
  • target='_blank': 强制在新标签页中打开,这是非常推荐的做法。
  • {/dede:flink}: 结束标签。

结合列表样式(<ul><li>)的完整示例:

这是一个在网站底部(Footer)非常常见的友情链接布局。

<div class="friend-links">
    <h3>友情链接</h3>
    <ul>
        {dede:flink linktype='1' type='text' row='20' titlelen='12'}
        <li><a href="[field:url/]" target="_blank" title="[field:name/]" class="friend-link">[field:name/]</a></li>
        {/dede:flink}
    </ul>
</div>

说明:

  • 上面代码会生成一个包含最多20个首页文字链接的无序列表。
  • 每个链接都会在新窗口打开 (target="_blank")。
  • 链接文字超过12个字符会被截断。
  • 每个链接都有一个 class="friend-link" 的CSS类,方便你进行样式美化。

调用图片友情链接(带尺寸控制)

调用图片链接时,通常需要控制图片大小,避免过大影响布局。

<div class="friend-links-img">
    <h3>合作伙伴</h3>
    <ul>
        {dede:flink linktype='1' type='image' row='10'}
        <li>
            <a href="[field:url/]" target="_blank" title="[field:name/]">
                <!-- 使用img标签,并设置宽高 -->
                <img src="[field:img/]" alt="[field:name/]" width="120" height="60" />
            </a>
        </li>
        {/dede:flink}
    </ul>
</div>

说明:

  • [field:img/] 是图片链接的地址。
  • 直接在 <img> 标签中设置 widthheight 属性可以有效控制图片显示尺寸。

常见问题排查

  1. 友情链接不显示怎么办?

    • 检查后台设置:登录DedeCMS后台,进入“友情链接管理”,确保你已经添加了链接,并且该链接的“类型”(首页/内页)和“显示方式”(文字/图片)与你调用标签时设置的属性一致。
    • 检查模板缓存:有时候模板缓存会导致问题,在后台“系统” -> “一键更新网站” -> “更新HTML”中,选择“更新所有文档”并执行,这会重新生成模板文件。
    • 检查权限:确保网站目录(/templets/ 等)有写入权限,以便生成缓存文件。
  2. 如何让所有链接都新窗口打开?

    • 方法一(推荐):在后台“系统” -> “系统基本参数” -> “核心设置”中,找到“链接目标窗口”,将其值修改为 _blank,这样所有新添加的链接都会默认新窗口打开。
    • 方法二:如果你不想影响全局,或者只想修改某个位置的链接,使用第四部分的“进阶用法”,在 <a> 标签中手动添加 target='_blank'

希望这份详细的教程能帮助你在 DedeCMS 中完美地调用和管理友情链接!

-- 展开阅读全文 --
头像
计算机二级c语言考试内容
« 上一篇 03-30
dede自定义表单如何实现跳转?
下一篇 » 03-30
取消
微信二维码
支付宝二维码

目录[+]