如何获取后台“联系方式设置”中配置的联系人、电话、邮箱、社交媒体等信息？

AnQiCMS 为网站管理人员提供了集中管理和展示联系方式的便利功能。在后台“联系方式设置”中配置好的联系人、电话、邮箱、社交媒体等信息，都能通过简单的模板标签在网站前端灵活地呈现，大大提升了内容更新的效率和一致性。

了解后台“联系方式设置”

首先，我们来熟悉一下这些信息在 AnQiCMS 后台的配置位置。你可以在后台管理界面的“后台设置”中找到“联系方式设置”选项。这个模块允许你集中管理网站对外展示的所有联系信息。

这里预设了许多常用字段，例如联系人、联系电话、联系地址、联系邮箱、微信号、微信二维码，以及一些主流的社交媒体平台链接，如 QQ、WhatsApp、Facebook、Twitter、Tiktok、Pinterest、Linkedin、Instagram 和 Youtube。更值得一提的是，如果这些预设字段无法满足你的特定需求，系统还允许你根据业务需要添加自定义参数，例如，你可以添加一个“客服热线”或“商务合作邮箱”等个性化字段。

这些在后台配置的信息，其核心价值在于它们可以被动态调用，避免了硬编码在模板中带来的维护不便。一旦信息发生变更，你只需在后台更新一次，所有引用该信息的前端页面都会自动同步。

在模板中获取联系方式信息

要在网站前端页面中调用这些信息，AnQiCMS 提供了一个专门的 contact 标签。这个标签的设计简洁而强大，其基本使用格式如下：

{% contact 变量名称 with name="字段名称" %}

其中，name 参数是关键，它对应着你在后台设置的每个联系方式字段的唯一标识符。如果省略 变量名称 部分，标签会直接输出字段的值；如果你指定了 变量名称，那么该值会被赋给这个变量，你可以在后续的模板代码中通过 {{ 变量名称 }} 来引用它。

接下来，我们将通过具体示例来演示如何获取这些联系方式：

要获取网站的联系人姓名，通常对应后台的 UserName 字段：

<p>联系人：{% contact with name="UserName" %}</p>

获取联系电话，可以使用 Cellphone 字段。为了方便用户点击拨打，可以结合 tel: 协议：

<p>电话：<a href="tel:{% contact with name="Cellphone" %}">{% contact with name="Cellphone" %}</a></p>

联系地址则通过 Address 字段获取：

<p>地址：{% contact with name="Address" %}</p>

联系邮箱通过 Email 字段获取，同样可以结合 mailto: 协议生成可点击的链接：

<p>邮箱：<a href="mailto:{% contact with name="Email" %}">{% contact with name="Email" %}</a></p>

对于微信号，你可能想直接显示文本：

<p>微信号：{% contact with name="Wechat" %}</p>

而微信二维码则是一个图片链接，需要将其嵌入 <img> 标签中才能正常显示。为了提高代码的可读性，我们通常会先将其赋值给一个变量：

{% contact wechatQrcode with name="Qrcode" %}
{% if wechatQrcode %}
<div class="wechat-qrcode">
    <img src="{{ wechatQrcode }}" alt="微信二维码">
</div>
{% endif %}

这里我们额外添加了一个 if 判断，以确保当后台未设置二维码时，页面不会显示空的 <img> 标签。

AnQiCMS 也内置了对多种社交媒体信息的支持。这些字段的 name 参数通常是平台名称，例如 Facebook、Twitter、QQ、WhatsApp 等。你可以这样调用它们：

<p>
    关注我们：
    <a href="{% contact with name="Facebook" %}" target="_blank">Facebook</a>
    <a href="{% contact with name="Twitter" %}" target="_blank">Twitter</a>
    <a href="https://wpa.qq.com/msgrd?v=3&uin={% contact with name="QQ" %}&site=qq&menu=yes" target="_blank">QQ咨询</a>
</p>

请注意，QQ 咨询链接需要特定的格式，这里提供了一个示例。其他社交媒体链接通常直接是平台页面的 URL。

如果你在后台创建了自定义参数，例如一个名为 customerServicePhone 的客服电话，同样可以使用它的参数名来调用：

<p>客服热线：{% contact with name="customerServicePhone" %}</p>

实际应用示例

结合以上各种联系方式，你可以在网站页脚或专门的“联系我们”页面创建一个完整的联系信息区域：

<div class="footer-contact-info">
    <h3>联系我们</h3>
    <p>联系人：<span>{% contact with name="UserName" %}</span></p>
    <p>电话：<a href="tel:{% contact with name="Cellphone" %}">{% contact with name="Cellphone" %}</a></p>
    <p>邮箱：<a href="mailto:{% contact with name="Email" %}">{% contact with name="Email" %}</a></p>
    <p>地址：<span>{% contact with name="Address" %}</span></p>

    {% contact wechatQrcode with name="Qrcode" %}
    {% if wechatQrcode %}
    <div class="wechat-qr-section">
        <img src="{{ wechatQrcode }}" alt="微信二维码">
        <p>扫码添加微信</p>
    </div>
    {% endif %}

    <div class="social-media-links">
        <a href="{% contact with name="Facebook" %}" target="_blank" rel="nofollow">Facebook</a>
        <a href="{% contact with name="Twitter" %}" target="_blank" rel="nofollow">Twitter</a>
        <a href="{% contact with name="Linkedin" %}" target="_blank" rel="nofollow">LinkedIn</a>
        <a href="https://wpa.qq.com/msgrd?v=3&uin={% contact with name="QQ" %}&site=qq&menu=yes" target="_blank" rel="nofollow">QQ</a>
    </div>
    <p class="copyright">版权所有 &copy; {% now "2006" %} {% system with name="SiteName" %}</p>
</div>

通过 contact 标签的灵活运用，AnQiCMS 让网站联系信息的管理和展示变得轻而易举，无论是常规字段还是自定义内容，都能通过统一的方式进行调用，极大提高了网站的维护效率和扩展性。

常见问题 (FAQ)

  1. 如何在后台添加自定义的联系方式字段？ 在 AnQiCMS 后台，进入“后台设置” -> “联系方式设置”页面。在页面底部，你会看到一个“自定义设置参数”区域。点击“新增自定义参数”，然后输入你想要的“参数名”（这是在模板中调用时使用的标识符，建议使用英文），“参数值”（实际显示的内容）和“备注”（用于说明这个参数的用途）。保存后，即可在模板中通过 {% contact with name="你的参数名" %} 来调用。

  2. 为什么我调用了微信二维码，但前端只显示一个链接文字，而不是图片？ 当你在模板中使用 {% contact with name="Qrcode" %} 调用微信二维码时，它返回的是二维码图片的 URL 路径。要在前端显示图片，你需要将这个 URL 嵌入到 HTML 的 <img> 标签的 src 属性中，例如：<img src="{% contact with name="Qrcode" %}" alt="微信二维码">。同时，为了避免后台未设置二维码时页面出现空的图片标签，建议加上 if