如何获取并展示后台配置的联系方式，如电话、邮箱、微信二维码等多元化信息？

安企CMS（AnQiCMS）作为一个高效、灵活的内容管理系统，在帮助企业展示品牌形象和提供便捷沟通渠道方面表现出色。对于任何网站而言，清晰可寻的联系方式是与用户建立信任、促成合作的关键。安企CMS深谙此道，提供了一套直观而强大的功能，让您能够轻松管理和展示电话、邮箱、微信二维码等多元化的联系信息。

后台配置：联系方式的集中管理中心

在安企CMS中，所有的联系方式都可以在一个统一的入口进行管理和配置，这大大简化了运营人员的工作。您可以通过导航至 后台设置 -> 联系方式设置 页面，对网站的联系信息进行增删改查。

在这里，安企CMS提供了一系列常用的默认设置项，满足了大多数网站的基本需求，包括：

• 联系人： 通常是您希望对外公布的姓名，如“张经理”。
• 联系电话： 方便用户直接拨打的电话号码。
• 联系地址： 您的公司或实体地址。
• 联系邮箱： 用户可以通过邮件与您沟通。
• 微信号： 用户可以直接添加您的微信进行咨询。
• 微信二维码： 上传对应的二维码图片，方便用户扫码添加。

除了这些基础信息，安企CMS的强大之处在于其高度的可定制性。如果您有其他特定的联系渠道，例如WhatsApp、Skype、Telegram，或是需要展示Facebook、Twitter、LinkedIn等社交媒体的链接，您都可以通过“自定义设置参数”来灵活添加。

在添加自定义参数时，您需要设定：

• 参数名： 这是供前台模板调用的唯一标识，建议使用英文，例如WhatsApp或FacebookLink。
• 参数值： 对应的联系信息或链接地址。
• 备注： 帮助您更好地理解该参数用途的说明，不会在前台显示。

通过这种方式，您可以确保所有重要的联系渠道都被妥善管理，并随时准备在前台展示。

前台模板调用：让联系信息无处不在

一旦后台配置完毕，接下来就是在网站前台模板中调用并展示这些信息了。安企CMS提供了一个简洁明了的 contact 模板标签，让这一过程变得异常简单。

contact 标签的基本用法是：{% contact 变量名称 with name="字段名称" %}。

其中，name 参数对应的是您在后台“联系方式设置”中定义的字段名称（如Cellphone、Email、Qrcode或您自定义的WhatsApp）。您可以选择直接输出该字段的值，也可以将其赋值给一个变量以便在模板中更灵活地使用。

让我们通过一些具体的例子来看看如何应用：

• 展示联系电话：

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

  这里，我们将电话号码直接嵌入到tel:链接中，用户在手机上点击即可拨号。

• 展示联系邮箱：

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

  类似电话，邮箱地址也可以制作成mailto:链接，方便用户点击发送邮件。

• 展示微信二维码：

  <div class="wechat-qrcode">
      <p>扫码添加微信：</p>
      <img src="{% contact with name="Qrcode" %}" alt="微信二维码" style="width: 120px; height: 120px;">
  </div>
  

  微信二维码通常以图片形式展示，用户扫码即可添加。

• 展示自定义的WhatsApp联系方式： 假设您在后台自定义了一个名为WhatsApp的参数。

  <p>WhatsApp：{% contact with name="WhatsApp" %}</p>
  

  如果您的WhatsApp参数值是链接，也可以像其他链接一样处理：

  <p>WhatsApp：<a href="{% contact with name="WhatsApp" %}" target="_blank">点击聊天</a></p>
  

这些联系方式通常会放置在网站的页脚、侧边栏或专门的“联系我们”页面中，确保用户随时都能方便地找到。

实战案例：构建一个全面的页脚联系信息区域

结合上述方法，您可以轻松构建一个包含多种联系方式的页脚区域，提升用户体验：

<div class="footer-contact-info">
    <h3>联系我们</h3>
    <p>
        <span>联系人：</span>
        <span>{% contact with name="UserName" %}</span>
    </p>
    <p>
        <span>电话：</span>
        <a href="tel:{% contact with name="Cellphone" %}" rel="nofollow">{% contact with name="Cellphone" %}</a>
    </p>
    <p>
        <span>邮箱：</span>
        <a href="mailto:{% contact with name="Email" %}" rel="nofollow">{% contact with name="Email" %}</a>
    </p>
    <div class="social-media">
        {% if contact with name="Wechat" %}
        <div class="wechat-box">
            <span>微信：</span>
            <span>{% contact with name="Wechat" %}</span>
            <img src="{% contact with name="Qrcode" %}" alt="微信二维码" class="qrcode-small">
        </div>
        {% endif %}

        {% if contact with name="WhatsApp" %}
        <p>
            <span>WhatsApp：</span>
            <a href="{% contact with name="WhatsApp" %}" target="_blank" rel="nofollow">点击聊天</a>
        </p>
        {% endif %}

        {% if contact with name="Facebook" %}
        <p>
            <span>Facebook：</span>
            <a href="{% contact with name="Facebook" %}" target="_blank" rel="nofollow">访问主页</a>
        </p>
        {% endif %}
        <!-- 更多社交媒体或自定义联系方式 -->
    </div>
    <p>
        <span>地址：</span>
        <span>{% contact with name="Address" %}</span>
    </p>
</div>

在这个示例中，我们还加入了{% if ... %}判断，确保只有在后台配置了某个联系方式时，前台才会显示相应的内容，避免出现空白链接或不完整的信息。通过这种方式，安企CMS以其高度的灵活性和易用性，帮助您将网站的联系信息管理和展示做到极致，从而更好地服务您的用户。

常见问题 (FAQ)

1. 我在后台设置了联系方式，但前台网站上却没有任何显示，这是为什么？ 这通常有几个原因。首先，请确保您已经在“后台设置”->“联系方式设置”中正确填写并保存了信息。其次，检查您的网站模板