友情链接是网站运营中不可或缺的一部分，它不仅能促进网站间的交流与合作，对SEO优化也有积极作用。在AnQiCMS中，展示友情链接列表是一个简单而高效的过程，让网站管理者可以轻松地为访客提供更多有价值的外部资源。

后台管理：配置您的友情链接

在AnQiCMS中，首先需要在后台配置好友情链接，才能在前台页面上进行展示。这个过程非常直观：

在后台管理界面的左侧菜单中，您可以找到“功能管理”这一项。点击进入后，在其中一个子功能里，您会看到“友情链接”的管理入口。

在这里，您可以轻松地添加、编辑或删除网站的友情链接。添加友情链接时，通常需要填写链接的标题（即显示在网站上的文字）、链接地址，并可以选择是否启用Nofollow属性（这对于SEO优化，控制权重传递非常重要），同时还可以为链接添加简短的备注信息。

系统还支持API接口来添加和删除友情链接，为需要自动化管理的场景提供了便利。

前台展示：使用 linkList 标签调用

一旦后台配置好友情链接，接下来就是在网站前端页面上展示它们。AnQiCMS提供了专门的模板标签 linkList 来帮助您轻松实现这一点。

您只需在需要展示友情链接的模板文件（例如网站的底部模板footer.html，或是一个专门的页面模板）中，使用 {% linkList friendLinks %}...{% endlinkList %} 标签即可。这里的 friendLinks 是一个您可以自定义的变量名称，它将承载从后台获取到的所有友情链接数据，以一个列表的形式供您循环展示。

每个友情链接对象都包含以下几个关键信息，您可以根据需要在模板中调用：

  • Title：链接的显示名称。
  • Link：友情链接的URL地址。
  • Remark：链接的备注信息（通常在前台不直接显示）。
  • Nofollow：一个布尔值（1表示是，0表示否），指示该链接是否带有rel="nofollow"属性。

下面是一个在模板中展示友情链接列表的示例代码：

{% linkList friendLinks %}
    {% if friendLinks %} {# 检查是否存在友情链接，避免空列表出现 #}
    <div class="friendly-links">
        <h3>友情链接</h3>
        <ul>
            {% for item in friendLinks %} {# 循环遍历每个友情链接 #}
            <li>
                {# 使用item.Link作为链接地址，item.Title作为显示文本 #}
                {# 根据item.Nofollow的值，动态添加rel="nofollow"属性 #}
                {# target="_blank" 让链接在新窗口打开，提升用户体验 #}
                <a href="{{ item.Link }}" {% if item.Nofollow == 1 %}rel="nofollow"{% endif %} target="_blank">{{ item.Title }}</a>
            </li>
            {% endfor %}
        </ul>
    </div>
    {% endif %}
{% endlinkList %}

在上面的代码中，{% linkList friendLinks %} 标签用于获取后台配置的友情链接列表并赋值给 friendLinks 变量。{% if friendLinks %} 判断确保只有当存在友情链接时才渲染相关HTML结构，避免页面出现不必要的空白或标题。随后，{% for item in friendLinks %} 循环遍历每一个链接，通过 {{ item.Link }} 和 {{ item.Title }} 分别输出链接地址和显示名称。特别地，我们通过 {% if item.Nofollow == 1 %}rel="nofollow"{% endif %} 实现了根据后台设置动态添加 nofollow 属性，并且通过 target="_blank" 使得链接在新窗口中打开，提高了用户体验。

实用考量与进阶使用

  • SEO友好性：如前所述，Nofollow属性的合理使用对SEO至关重要。对于您不希望传递权重或不能完全信任的外部链接，务必在后台开启Nofollow，并在模板中正确渲染该属性。
  • 多站点支持：AnQiCMS支持多站点管理。如果您在系统中创建了多个站点，并需要调用特定站点的友情链接，可以在 linkList 标签中使用 siteId 参数，例如 {% linkList friendLinks with siteId="2" %}，来指定您想要调用的站点ID。
  • 页面布局与样式：友情链接通常位于网站的底部区域。您可以在模板中使用适当的CSS样式来美化友情链接列表，使其与网站整体设计风格和谐统一。上述示例代码中的 div 和 ul 标签仅为结构示例，您可以根据需要调整它们的类名和样式。

通过上述步骤，您会发现AnQiCMS在展示友情链接列表方面提供了极大的灵活性和便利性。无论是管理链接内容，还是在前端进行个性化展示，AnQiCMS都能助您一臂之力，优化您的网站结构，提升用户体验。

常见问题 (FAQ)

  1. 友情链接是否支持图片链接？ 根据linkList标签可用的字段（Title, Link, Remark, Nofollow），AnQiCMS默认的友情链接功能主要以文本标题形式展示链接。系统并未提供直接上传图片作为友情链接的专属图片字段。但是，您可以在后台管理友情链接时，将链接的“标题”字段设置为包含<img>标签的HTML代码，从而实现图片链接的效果，但这并非系统原生支持的图片字段。

  2. 友情链接的显示顺序如何控制？ AnQiCMS后台的友情链接管理界面通常会提供排序功能，您可以直接在后台调整链接的显示顺序。linkList标签会按照后台配置的顺序自动展示，无需在模板中额外设置排序参数。因此，如果您希望调整显示顺序，只需前往后台进行操作即可。

  3. 如何让友情链接在新窗口中打开？ 为了提升用户体验，通常建议友情链接在新窗口中打开，避免访客离开您的网站。在模板代码中，您可以在<a>标签内添加 target="_blank" 属性来实现这一点。如文章示例代码所示，只需确保您的<a>标签中包含 target="_blank" 即可。