下面我将为你详细介绍 flink 标签的用法、常用参数以及具体的代码示例。
基本调用代码
最基础的调用方式,不加任何参数,会调用所有审核通过的友情链接。
{dede:flink/}
这段代码默认会以列表的形式输出,每个链接会显示为 <a> 标签,并用逗号 分隔。
常用参数详解
{dede:flink} 标签支持丰富的参数,让你可以精确控制友情链接的显示方式。
type - 按类型调用
友情链接在后台可以设置类型,图片链接”和“文字链接”,你可以通过 type 参数来筛选。
type='1':仅调用文字链接。type='2':仅调用图片链接。
示例:调用所有文字链接
{dede:flink type='1'/}
示例:调用所有图片链接
{dede:flink type='2'/}
row - 调用数量
row 参数用于设定显示的友情链接数量。
示例:只显示前 10 个友情链接
{dede:flink type='1' row='10'/}
linktype - 按链接位置调用
友情链接在后台可以设置“首页调用”、“内页调用”等。linktype 参数可以让你根据这个设置来调用。
linktype='1':仅调用设置为“首页调用”的链接。linktype='2':仅调用设置为“内页调用”的链接。
示例:在首页模板中调用,只显示设置为“首页调用”的链接
{dede:flink type='1' linktype='1' row='12'/}
titlelen - 标题长度
len` 参数用于控制友情链接名称(网站标题)显示的字符长度,防止过长的标题破坏页面布局。
示例:链接名称最多显示 8 个字符
{dede:flink type='1' titlelen='8'/}
typeid - 按分类调用
如果你对友情链接进行了分类(合作伙伴”、“技术支持”等),可以通过 typeid 参数来调用指定分类下的链接。typeid 的值是该分类在后台的ID。
示例:调用分类ID为 5 的友情链接
{dede:flink typeid='5'/}
col - 分列显示
当链接数量较多时,使用 col 参数可以将它们分成多列显示,使页面更整洁。
col='2':将链接分成 2 列显示。col='3':将链接分成 3 列显示。
示例:将 12 个文字链接分成 3 列显示
{dede:flink type='1' linktype='1' row='12' col='3'/}
综合代码示例
示例1:首页常用文字友情链接
这是最常见的一种用法,在网站页脚显示一排文字链接。
<div class="friend-links">
<h3>友情链接</h3>
<div class="links">
{dede:flink type='1' linktype='1' row='12' titlelen='8'/}
</div>
</div>
示例2:首页常用图片友情链接
在首页显示合作伙伴的Logo。
<div class="partner-links">
<h3>合作伙伴</h3>
<div class="partner-list">
{dede:flink type='2' linktype='1' row='8'/}
</div>
</div>
示例3:自定义样式(使用 flink 循环体)
如果你需要为每个链接添加自定义的HTML结构(li 标签),可以使用 flink 的循环体形式,这种方式更灵活,可以更好地配合CSS样式。
<div class="friend-links">
<h3>友情链接</h3>
<ul>
{dede:flink type='1' linktype='1' row='12'}
<li>
<a href="[field:link/]" title="[field:webname/]" target="_blank">[field:webname/]</a>
</li>
{/dede:flink}
</ul>
</div>
代码解释:
[field:link/]:输出友情链接的URL地址。[field:webname/]:输出友情链接的网站名称。target="_blank":让链接在新窗口打开,这是一个很好的实践。
示例4:分列显示图片链接
使用 col 参数和循环体,可以实现分列显示的Logo墙。
<div class="partner-wall">
{dede:flink type='2' linktype='1' row='12' col='4'}
<a href="[field:link/]" title="[field:webname/]" target="_blank">
<img src="[field:logo/]" alt="[field:webname/]">
</a>
{/dede:flink}
</div>
后台设置友情链接
在使用标签之前,请确保你已经:
- 登录织梦后台。
- 进入 【核心】 -> 【友情链接管理】。
- 在这里添加你的友情链接,并设置好类型(文字/图片)、链接位置(首页/内页等)等信息。
- 确保链接状态为“正常”。
| 参数 | 作用 | 示例 |
|---|---|---|
type |
按链接类型筛选 | type='1' (文字), type='2' (图片) |
row |
设置显示数量 | row='10' |
linktype |
按调用位置筛选 | linktype='1' (首页), linktype='2' (内页) |
typeid |
按分类调用 | typeid='5' |
col |
分列显示 | col='3' |
通过组合这些参数,你可以轻松地在织梦网站的任何位置(如页脚、侧边栏、关于我们页面等)灵活地调用友情链接。
