在网站的底部清晰地展示联系方式，对于提升用户体验和建立信任至关重要。AnQiCMS作为一个高效的内容管理系统，充分考虑了这一点，提供了直观且灵活的方式来管理和显示这些关键信息，例如电话号码和电子邮箱。

一、AnQiCMS 后台联系方式的设置与管理

在AnQiCMS的后台管理界面，你可以轻松找到并配置网站的联系方式。这些设置位于“后台设置”菜单下，选择“联系方式设置”即可进入编辑页面。这里不仅提供了常见的联系信息字段，如联系人姓名、联系电话、联系地址和联系邮箱等，还允许你根据实际业务需求添加自定义的联系方式。

例如，如果你需要展示公司的WhatsApp账号或Facebook主页链接，你可以在这里添加为自定义参数，输入对应的名称和值。这种灵活性确保了无论是传统联系方式还是社交媒体联系方式，都能在同一个地方进行统一管理和维护，极大地简化了信息更新的流程。

二、在网站模板中调用联系方式

AnQiCMS的模板引擎设计简洁高效，语法结构与Django模板类似，使得将后台配置的数据呈现在网站前端变得非常便捷。要在网站底部（通常是页脚区域）显示后台设置的联系方式，核心在于使用AnQiCMS内置的contact标签。

contact标签的基本用法是{% contact 变量名称 with name="字段名称" %}。其中，name参数是用来指定你要调用的具体联系信息类型。

我们以调用网站的联系电话和邮箱为例。假设你想在页脚显示这两个信息，你可以将以下代码添加到你网站的页脚模板文件中（通常是partial/footer.html或包含页脚内容的主模板文件）。

<div class="footer-contact">
    <p>联系电话：{% contact with name="Cellphone" %}</p>
    <p>电子邮件：{% contact with name="Email" %}</p>
</div>

如果你希望将这些信息存储到模板变量中以便进行进一步的逻辑处理或样式绑定，你也可以这样做：

{% contact websitePhone with name="Cellphone" %}
{% contact websiteEmail with name="Email" %}

<div class="footer-contact">
    <p>联系电话：{{ websitePhone }}</p>
    <p>电子邮件：{{ websiteEmail }}</p>
</div>

除了电话和邮箱，你还可以调用后台设置的其他预定义字段，例如Address（联系地址）、Wechat（微信号）或Qrcode（微信二维码）。如果之前在后台自定义了联系方式参数，比如“WhatsApp”，那么同样可以使用{% contact with name="WhatsApp" %}来调用其值。只需确保name参数的值与你在后台设置的“参数名”完全一致即可。

三、实战操作与注意事项

将联系方式呈现在网站底部的具体步骤如下：

  1. 在后台设置联系方式： 登录AnQiCMS后台，导航至“后台设置” -> “联系方式设置”，填写或更新你的联系电话、电子邮件、地址等信息，并保存更改。如果需要，添加任何自定义的联系方式。
  2. 定位页脚模板文件： 进入“模板设计”区域，找到你的网站当前使用的模板文件夹。根据模板结构，通常网站的页脚代码会存在于partial/footer.html、bash.html（如果页脚是通用部分）或主题文件夹根目录下的某个主HTML文件中。如果你不确定是哪个文件，可以查看bash.html中是否通过include标签包含了其他文件。
  3. 插入调用代码： 在找到的页脚模板文件中，将上述的contact标签代码片段粘贴到你希望显示联系信息的位置。
  4. 保存并更新缓存： 保存你修改的模板文件。然后回到AnQiCMS后台，点击左侧导航栏底部的“更新缓存”功能，确保网站前台能够加载最新的模板内容。
  5. 前台预览： 刷新你的网站前台页面，检查底部的联系方式是否已正确显示。

需要注意的几点：

  • 模板文件编码： 在编辑HTML模板文件时，请确保文件编码为UTF-8，以避免出现中文乱码问题。
  • 字段名称准确性： 调用contact标签时，name参数的值必须与后台“联系方式设置”中对应的字段名称（包括自定义字段的“参数名”）完全匹配，注意大小写。
  • 缓存清理： 每次修改模板文件或后台设置后，清理缓存是一个良好的习惯，可以确保最新的更改立即生效。

通过以上步骤，你可以轻松地在AnQiCMS网站底部展示后台设置的联系方式，为访客提供便捷的沟通渠道。

常见问题 (FAQ)

  1. 问：我更新了后台的电话号码或邮箱地址，但网站前台没有立即更新，这是为什么？ 答：在AnQiCMS后台修改内容或设置后，为了提高网站访问速度，系统会使用缓存。通常需要手动清除缓存才能在前台看到最新的更改。你可以在AnQiCMS后台找到“更新缓存”功能（通常在左侧导航栏底部），点击执行即可。

  2. 问：除了电话和邮箱，我还可以通过contact标签调用哪些联系信息？ 答：除了Cellphone（电话）和Email（邮箱），你还可以调用Address（联系地址）、Wechat（微信号）、Qrcode（微信二维码的图片URL）等预设字段。更灵活的是，如果你在后台的“联系方式设置”中添加了自定义参数（例如参数名为WhatsApp），你也可以使用{% contact with name="WhatsApp" %}来调用其对应的值。

  3. 问：如果我想将调用的电话号码变成可点击的拨号链接，或者邮箱变成可点击的发送邮件链接，应该如何实现？ 答：你可以结合HTML的<a>标签和tel:或mailto:协议来实现。例如：

    {% contact phoneNum with name="Cellphone" %}
{% contact emailAddr with name="Email" %}
<p>电话: <a href="tel:{{ phoneNum }}">{{ phoneNum }}</a></p>
<p>邮箱: <a href="mailto:{{ emailAddr }}">{{ emailAddr }}</a></p>

    这样，访客点击电话号码或邮箱时，就可以直接进行拨号或发送邮件了。