织梦的友情链接功能非常灵活,主要分为两大类:

- 官方提供的标签:直接调用后台设置的友情链接,最常用。
- 手动HTML代码:当官方标签无法满足特殊需求时使用。
使用官方织梦标签(推荐)
这是最标准、最简单的方法,直接调用后台“友情链接”模块中设置好的链接。
基础调用代码
这是最基础的代码,它会调用所有开启的友情链接,并按照后台的排序显示。
{dede:flink/}
使用方法:
将这段代码直接粘贴到您想要显示友情链接的模板文件(通常是 footer.htm)中即可。
带有参数的调用(更灵活)
官方标签支持多种参数,可以让你自定义显示效果。

标签格式:
{dede:flink row='数量' type='类型' titlelen='标题长度' linktype='链接类型' typeid='分类ID'} <a href='[field:url/]'>[field:name/]</a> {/dede:flink}
参数详解:
| 参数 | 说明 | 示例值 |
|---|---|---|
row |
显示链接的数量,0 或不设置表示显示所有。 |
row='10' (显示10个) |
type |
链接类型,用于区分网站Logo或文字链接。 | type='text' (只显示文字) type='image' (只显示图片) type='textall' (显示所有) |
linktype |
链接类型,用于区分网站等级。 | linktype='1' (首页链接) linktype='2' (内页链接) linktype='' (所有链接) |
typeid |
友情链接分类ID,如果你在后台对友情链接进行了分类,可以使用此参数调用指定分类的链接。 | typeid='1' (调用ID为1的分类下的链接) |
typeid |
友情链接分类ID,如果你在后台对友情链接进行了分类,可以使用此参数调用指定分类的链接。 | typeid='1' (调用ID为1的分类下的链接) |
实际应用示例
假设你的网站底部需要显示 10个文字形式的首页友链,代码可以这样写:
<div class="friend-links">
<h3>友情链接</h3>
<div class="links">
{dede:flink row='10' type='text' linktype='1'}
<a href="[field:url/]" title="[field:name/]" target="_blank">[field:name/]</a>
{/dede:flink}
</div>
</div>
代码解释:
{dede:flink row='10' type='text' linktype='1'}:调用10个、类型为文字、链接类型为首页(即网站首页设置的链接)。[field:url/]:这是织梦的字段标签,代表链接的URL地址。[field:name/]:代表链接的网站名称。target="_blank":这是一个HTML属性,表示点击链接时在新窗口中打开,这是友链的常见做法。
如果你想同时显示 Logo图片链接和文字链接,可以这样:
<div class="friend-links">
<h3>合作伙伴</h3>
<div class="logo-links">
{dede:flink type='image' row='6'}
<a href="[field:url/]" title="[field:name/]" target="_blank">
<img src="[field:img/]" alt="[field:name/]" />
</a>
{/dede:flink}
</div>
<div class="text-links">
{dede:flink type='text' row='10'}
<a href="[field:url/]" title="[field:name/]" target="_blank">[field:name/]</a>
{/dede:flink}
</div>
</div>
手动编写HTML代码(高级用法)
当官方标签无法满足你的自定义需求(比如需要特殊的CSS类名、或者复杂的HTML结构)时,你可以手动编写HTML代码,然后在后台“友情链接”管理中,选择“获取HTML代码”功能。
操作步骤:
-
编写你的HTML模板: 在你的模板文件中,先写好你想要的HTML结构,并给链接加上一个特定的CSS类或ID,方便你后续用JS来填充内容。
你想要一个带样式的列表:
<div class="my-custom-links"> <ul id="js-friend-links"> <!-- 这里的li标签会被后台生成的代码替换 --> </ul> </div> -
获取织梦生成的代码:
- 登录织梦后台,进入【模块】 -> 【友情链接管理】。
- 点击右上角的【获取HTML代码】按钮。
- 在弹出的页面中,你可以设置和官方标签一样的参数(如数量、类型等)。
- 在下方的“显示方式”中,选择 “列表式” 或 “下拉式”。
- 关键步骤:修改生成的代码,将每个链接项包裹在你定义的
<li>标签中,并添加你需要的CSS类。 - 生成后的代码可能是这样的:
<a href="http://example1.com" target="_blank">网站一</a> <a href="http://example2.com" target="_blank">网站二</a>
你需要手动将其修改为:
<li><a href="http://example1.com" target="_blank" class="friend-link">网站一</a></li> <li><a href="http://example2.com" target="_blank" class="friend-link">网站二</a></li>
-
替换模板中的占位符: 将修改好的完整HTML代码,复制并替换掉你模板文件中
<ul id="js-friend-links">...</ul>里的内容。 -
(可选)使用JS动态加载: 如果你希望保持模板的整洁,可以将生成的HTML代码放在一个单独的文件中(如
friend_links.html),然后通过JavaScript的load()方法动态加载到你的页面里。// 在你的JS文件中 $(document).ready(function() { $('#js-friend-links').load('/path/to/your/friend_links.html'); });
总结与最佳实践
| 方法 | 优点 | 缺点 | 适用场景 |
|---|---|---|---|
| 官方标签 | 简单、快速、官方推荐,更新方便,无需手动维护。 | 灵活性相对较低,HTML结构固定。 | 绝大多数情况,特别是网站底部的常规友情链接。 |
| 手动HTML | 完全自定义HTML结构和样式,控制力最强。 | 操作繁琐,每次更新友链都需要手动复制粘贴代码,容易出错。 | 需要特殊视觉效果、交互方式或复杂布局的友情链接区域。 |
给新手的建议:
直接使用 方法一(官方标签) 就足够了,它非常强大,通过 type, row, typeid 等参数已经可以应对90%的需求,只有在遇到非常特殊的设计要求时,才考虑使用方法二。
