织梦友情链接调用标签如何正确使用？

带有常用参数的调用标签

你可以通过给 {dede:flink/} 标签添加参数来控制显示效果。

标签格式：

{dede:flink row='数量' type='分类ID' titlelen='标题长度' typeid='自定义分类ID'}

参数详解：

1. row='数量'

   • 作用：限制显示的友情链接数量。
   • 示例：只显示前5个链接。

     {dede:flink row='5'/}

2. type='分类ID'

   
   （图片来源网络，侵删）
   • 作用：按指定的分类ID调用友情链接,这是最常用的参数之一。
   • 如何获取分类ID？
     1. 登录织梦后台。
     2. 进入【核心】 -> 【友情链接管理】。
     3. 点击顶部的【网站分类管理】。
     4. 你可以看到每个分类的“分类ID”。
   • 示例：调用分类ID为“1”的友情链接。

     {dede:flink type='1'/}

3. titlelen='标题长度'

   • 作用：限制友情链接显示的文字标题长度。
   • 示例：限制链接标题只显示10个字符（5个汉字）。

     {dede:flink titlelen='10'/}

4. typeid='自定义分类ID'

   • 作用：这个参数和 type 类似，但通常用于更复杂的场景，比如在自定义模型或特定页面中调用，在大多数情况下，使用 type 即可。

自定义循环与样式（高级用法）

如果你不希望使用默认的 <li> 标签，或者想为每个链接添加额外的样式，可以使用 flink 循环标签。

标签格式：

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

字段说明： 在循环体内,你可以使用以下字段来获取链接的各个信息：

• [field:url/]：链接地址。
• [field:name/]：链接名称/标题。
• [field:descrip/]：链接描述。
• [field:imgurl/]：链接Logo图片地址（如果有的话）。
• [field:typeid/]：所属分类ID。

综合示例： 假设我们想调用一个名为“合作伙伴”的分类（ID为1），并自定义样式,显示为逗号分隔的文本。

<div class="partners">
    <span>合作伙伴：</span>
    {dede:flink row='20' type='1'}
        <a href="[field:url/]" target="_blank" title="[field:name/]" style="margin-right: 10px;">[field:name/]</a>
    {/dede:flink}
</div>

这个例子会从“合作伙伴”分类中取出最多20个链接，每个链接是一个 <a> 标签，并且它们之间有 margin-right 间隔。

完整的HTML模板示例

下面是一个常见的网站页脚友情链接区块的完整代码,结合了分类调用和自定义样式。

HTML 代码 (footer.htm):

<div class="footer-links">
    <div class="container">
        <div class="row">
            <!-- 友情链接分类1：合作伙伴 -->
            <div class="col-md-4">
                <h4>合作伙伴</h4>
                <ul class="list-unstyled">
                    {dede:flink row='10' type='1'}
                        <li><a href="[field:url/]" target="_blank" title="[field:name/]" rel="external nofollow">[field:name/]</a></li>
                    {/dede:flink}
                </ul>
            </div>
            <!-- 友情链接分类2：技术支持 -->
            <div class="col-md-4">
                <h4>技术支持</h4>
                <ul class="list-unstyled">
                    {dede:flink row='8' type='2'}
                        <li><a href="[field:url/]" target="_blank" title="[field:name/]" rel="external nofollow">[field:name/]</a></li>
                    {/dede:flink}
                </ul>
            </div>
            <!-- 友情链接分类3：媒体关注 -->
            <div class="col-md-4">
                <h4>媒体关注</h4>
                <ul class="list-unstyled">
                    {dede:flink row='6' type='3'}
                        <li><a href="[field:url/]" target="_blank" title="[field:name/]" rel="external nofollow">[field:name/]</a></li>
                    {/dede:flink}
                </ul>
            </div>
        </div>
    </div>
</div>

CSS 样式 (style.css):

.footer-links {
    background-color: #f8f9fa;
    padding: 40px 0;
    border-top: 1px solid #e9ecef;
}
.footer-links h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #333;
}
.footer-links ul li {
    margin-bottom: 10px;
}
.footer-links a {
    color: #6c757d;
    text-decoration: none;
    transition: color 0.3s ease;
}
.footer-links a:hover {
    color: #007bff;
    text-decoration: underline;
}

希望这份详细的指南能帮助你完美地在织梦网站中调用友情链接！