安企CMS提供了一套直观而强大的功能,帮助我们轻松管理网站内容。其中,友情链接作为网站外部连接的重要组成部分,不仅有助于网站的SEO表现,也能为用户提供更多有价值的跳转入口。本文将详细介绍如何在您的网站侧边栏或页脚区域灵活地展示友情链接列表。

在后台管理友情链接

在将友情链接展示到网站前端之前,我们首先需要在安企CMS的后台进行配置。

要管理友情链接,您可以登录后台,然后导航到左侧菜单的“功能管理”部分,点击“友情链接”。在这里,您可以看到一个列表,其中包含所有已添加的友情链接。点击“添加友情链接”按钮,您可以创建新的链接条目。

每个友情链接条目通常需要填写以下几个关键信息:

  • 链接名称 (Title):这是友情链接在网站上显示出来的文本,例如“安企CMS官网”。
  • 链接地址 (Link):这是点击链接后跳转的目标URL,务必填写完整且有效的网址,例如https://www.anqicms.com
  • 链接备注 (Remark):这是一个可选字段,您可以根据需要填写,例如“合作伙伴”、“推荐站点”等。这个备注信息在某些情况下,可以用于前端模板中的逻辑判断,以便在不同区域显示不同类型的链接。
  • 链接 nofollow (Nofollow):这是一个非常重要的选项。勾选此项意味着为该友情链接添加rel="nofollow"属性。这个属性会告诉搜索引擎不要跟踪此链接并传递权重,对于外部链接而言,这通常是一个良好的SEO实践,可以避免不必要的权重流失,并向搜索引擎表明这些链接是用户提交或赞助的,而非您的网站主动推荐。

完成这些信息的填写后,保存即可将友情链接添加到您的网站后台。您可以根据需要添加任意数量的友情链接。

在模板中显示友情链接列表

配置好后台数据后,下一步就是将这些友情链接展示在网站的前端页面上。通常,友情链接会放置在侧边栏或页脚区域,因为这些位置是用户浏览网站时经常会注意到的公共区域。

安企CMS的模板系统采用了类似Django模板引擎的语法,使用linkList标签来调用友情链接数据。

1. 确定放置位置:

首先,您需要确定要在哪个模板文件中添加友情链接的代码。

  • 侧边栏:如果您的网站侧边栏是一个独立的模板片段(例如位于partial/目录下的sidebar.html或类似文件),那么您可以在该文件中添加代码。
  • 页脚:如果页脚是网站的公共部分,它可能位于主模板文件(例如bash.html或您主题的footer.html)中。

您可以参考您当前主题的模板结构,找到合适的插入点。

2. 使用linkList标签调用数据:

在找到合适的模板文件后,您可以使用以下代码段来显示友情链接列表:

{% linkList friendLinks %}
{% if friendLinks %}
<div class="friendly-links-section">
    <h3>友情链接</h3>
    <ul>
    {% for item in friendLinks %}
        <li>
            <a href="{{item.Link}}" {% if item.Nofollow == 1 %} rel="nofollow"{% endif %} target="_blank">{{item.Title}}</a>
            {% if item.Remark %}
                <span>({{item.Remark}})</span>
            {% endif %}
        </li>
    {% endfor %}
    </ul>
</div>
{% endif %}
{% endlinkList %}

让我们来逐行解析这段代码:

  • {% linkList friendLinks %}:这是调用友情链接列表的标签。friendLinks是我们为这个列表数据定义的变量名,您可以在后续的循环中通过这个变量名来访问每一个友情链接。
  • {% if friendLinks %}:这是一个条件判断,它会检查friendLinks变量是否包含任何数据(即是否有友情链接被添加)。如果没有任何链接,整个区块将不会显示,避免页面出现空白或错误。
  • <div class="friendly-links-section"> ... </div>:这是一个HTML结构,用于包裹友情链接列表。您可以给它添加CSS样式,使其在页面上正确布局和美化。
  • <h3>友情链接</h3>:列表的标题,您可以根据实际需求修改。
  • <ul> ... </ul>:无序列表,每个友情链接将作为列表项显示。
  • {% for item in friendLinks %}:这是一个循环标签,它会遍历friendLinks中的每一个友情链接,并将当前链接的数据赋值给item变量。
  • <li> ... </li>:每个item会生成一个列表项。
  • <a href="{{item.Link}}" ... target="_blank">{{item.Title}}</a>:这是友情链接的HTML代码。
    • href="{{item.Link}}":获取友情链接的地址。
    • {% if item.Nofollow == 1 %} rel="nofollow"{% endif %}:这是一个条件判断,如果后台设置了Nofollow选项为1(即勾选了),则会在链接上添加rel="nofollow"属性。
    • target="_blank":让链接在新标签页中打开,提高用户体验。
    • {{item.Title}}:显示友情链接的名称。
  • {% if item.Remark %} <span>({{item.Remark}})</span> {% endif %}:这段代码用于显示友情链接的备注信息,同样是条件性的,只有当备注存在时才会显示。
  • {% endfor %}:结束for循环。
  • {% endif %}:结束if条件判断。
  • {% endlinkList %}:结束linkList标签。

通过上述步骤,您就能够将后台配置的友情链接列表灵活地展示在网站的侧边栏或页脚区域了。记得在修改模板文件后,如果网站开启了缓存,需要及时清除缓存(后台“更新缓存”功能),以确保更改能够立即生效。

常见问题 (FAQ)

1. 如何调整友情链接的显示顺序?

友情链接的显示顺序通常取决于它们在后台“功能管理”->“友情链接”中的排列顺序。在安企CMS中,后台列表通常支持拖拽排序或通过一个“显示顺序”字段进行控制。如果您的当前模板需要特定的排序方式,您可以检查后台是否有相关设置。如果后台没有直接的排序功能,链接通常会按照创建时间或ID顺序显示。在这种情况下,若要实现更复杂的排序(如按名称、权重等),可能需要借助前端JavaScript或CSS的order属性进行调整,但这会增加前端开发的复杂度。

2. 我能否在网站的不同区域显示不同的友情链接列表,例如侧边栏显示“合作伙伴”,页脚显示“推荐资源”?

是的,您可以实现这一需求。由于linkList标签默认会获取所有友情链接,您可以通过在后台编辑友情链接时,巧妙利用“链接备注 (Remark)”字段进行分类。例如,将侧边栏的链接备注为“合作伙伴”,将页脚的链接备注为“推荐资源”。然后在您的模板中,通过简单的条件判断来过滤显示:

{# 侧边栏显示“合作伙伴”链接 #}
{% linkList allLinks %}
    {% for item in allLinks %}
        {% if item.Remark == "合作伙伴" %}
            <li><a href="{{item.Link}}" target="_blank">{{item.Title}}</a></li>
        {% endif %}
    {% endfor %}
{% endlinkList %}

{# 页脚显示“推荐资源”链接 #}
{% linkList allLinks %}
    {% for item in allLinks %}
        {% if item.Remark == "推荐资源" %}
            <li><a href="{{item.Link}}" target="_blank">{{item.Title}}</a></li>
        {% endif %}
    {% endfor %}
{% endlinkList %}

3. 友情链接中的 rel="nofollow" 属性有什么作用?我应该为所有友情链接添加这个属性吗?

rel="nofollow"属性是告诉搜索引擎(如百度、Google)不要将您网站的权重(“PageRank”或“链接汁”)传递给该链接指向的页面。它表示您不认可该链接的权威性,或者该链接