AnQiCMS模板中如何显示网站LOGO和版权信息？

在搭建和运营网站时，网站的LOGO和版权信息是构成品牌形象、建立用户信任以及履行法律声明的重要组成部分。对于AnQiCMS的用户来说，管理和展示这些信息非常直观和灵活。

一、在AnQiCMS后台设置网站LOGO和版权信息

AnQiCMS将网站的全局配置集中管理，让您可以轻松设置各类基础信息。要设置网站LOGO和版权，您需要进入后台的“全局功能设置”页面。

  1. 访问后台设置：首先，登录您的AnQiCMS后台管理界面。在左侧的导航菜单中，找到并点击“后台设置”，然后选择“全局功能设置”。
  2. 配置关键信息：在这个页面上，您会看到一系列与网站全局功能相关的设置项。其中，有几个是我们需要重点关注的：
    • 网站LOGO：这里允许您上传您的网站品牌LOGO图片。上传成功后，系统会存储其图片路径，供前端模板调用。一个清晰、尺寸适中的LOGO能有效提升网站的专业度。
    • 版权信息：这个字段通常用于填写您的网站版权声明，例如“© 2023 您的公司名称. All Rights Reserved.”。值得注意的是，AnQiCMS考虑到了版权信息可能包含HTML标签（如加粗、链接等），因此在模板调用时提供了相应的处理方式。
    • 网站名称：虽然不是直接的LOGO或版权信息，但网站名称常常作为图片LOGO的alt文本或与版权信息一同显示，增强SEO效果和用户体验。
    • 备案号码：如果您的网站已备案，可以在此填写备案号。这通常会在网站底部与版权信息并排展示，并会链接到工信部的备案查询网站。

完成这些信息的填写和上传后，记得点击保存按钮，确保所有修改都已生效。

二、在AnQiCMS模板中显示网站LOGO和版权信息

在后台配置完成后，接下来就是如何在网站的前端页面上展示这些信息。AnQiCMS的模板系统采用了类似Django模板引擎的语法，通过简洁的标签即可轻松获取后台数据。

1. 显示网站LOGO

要将您在后台上传的网站LOGO显示在页面上，您可以使用system标签来获取SiteLogo字段的值。同时，为了提高图片的可访问性和SEO友好度，通常会结合SiteName字段作为图片的alt属性。

您可以在模板文件中（例如，通常在公共的header.html中）这样编写代码：

<a href="/">
    <img src="{% system with name="SiteLogo" %}" alt="{% system with name="SiteName" %}" class="site-logo" />
</a>
  • {% system with name="SiteLogo" %}：这个标签会直接输出您在后台“全局功能设置”中上传的网站LOGO图片的URL地址。
  • {% system with name="SiteName" %}：这个标签则会输出您设置的网站名称，作为LOGO图片的替代文本（alt属性），当图片无法显示时，或对SEO和屏幕阅读器都非常有帮助。
  • class="site-logo"：这是一个CSS类名示例，您可以根据您的模板样式自定义，以控制LOGO的尺寸、位置等视觉表现。

2. 显示版权信息和备案号

版权信息通常放置在网站页脚。除了显示“版权信息”字段内容外，很多网站还会动态显示当前年份，并链接到备案号。

您可以在模板文件的页脚部分（例如，通常在公共的footer.html中）这样编写代码：

<footer class="site-footer">
    <p>
        {% system siteCopyright with name="SiteCopyright" %}{{ siteCopyright|safe }}
    </p>
    <p>
        &copy; {% now "2006" %}
        {%- if siteIcp := system with name="SiteIcp" -%}
            <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">{{ siteIcp }}</a>
        {%- endif -%}
    </p>
</footer>
  • {% system siteCopyright with name="SiteCopyright" %}：这个标签会获取您在后台“全局功能设置”中填写的版权声明文本。我们这里将内容赋值给siteCopyright变量。
  • {{ siteCopyright|safe }}：这里是关键！ 如果您的版权信息中包含了HTML标签（比如您在后台填写时使用了<strong>或<a>等），为了让这些HTML标签在页面上正确解析而不是以纯文本形式显示，您需要使用|safe过滤器。它会告诉AnQiCMS和浏览器，这段内容是安全的，可以直接作为HTML渲染。
  • &copy; {% now "2006" %}：&copy;是版权符号，而{% now "2006" %}这个标签非常实用，它会自动输出当前的年份。这样，您就无需每年手动更新版权年份，系统会自动保持最新。
  • {%- if siteIcp := system with name="SiteIcp" -%}：这是一个条件判断语句。它首先尝试获取SiteIcp（备案号码）的值，并将其赋值给siteIcp变量。如果siteIcp存在（即您在后台填写了备案号），则执行if语句块内的内容。
  • <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">{{ siteIcp }}</a>：在条件成立的情况下，这行代码会创建一个链接，链接到工信部的备案查询网站，并使用您设置的备案号作为链接文本。target="_blank"让链接在新窗口打开，rel="nofollow"则告诉搜索引擎不要追踪此链接，这是一种常见的SEO实践。

通过AnQiCMS灵活的后台设置和强大的模板标签系统，您可以轻松且高效地在网站上展示LOGO和版权信息，确保品牌形象的统一性和法律信息的完整性。

常见问题 (FAQ)

1. 为什么我的网站LOGO或版权信息在模板中修改后没有立即生效？ 这通常是由于浏览器缓存或AnQiCMS系统缓存导致的。您可以尝试以下方法：

  • 清除浏览器缓存：在您的浏览器中，按下Ctrl+F5（Windows/Linux）或Cmd+Shift+R（macOS）进行硬刷新，或者手动清除浏览器缓存。
  • 更新AnQiCMS系统缓存：登录AnQi