安企CMS如何在前台页面显示网站后台设置的联系方式信息？

在使用安企CMS搭建网站时，将后台设置的联系方式信息展示到网站前台，是提升用户体验和建立信任的关键一步。安企CMS为此提供了非常直观和灵活的方式，即便不具备深厚的技术背景，也能轻松实现。

配置网站后台的联系方式信息

首先，需要在安企CMS的后台管理界面中进行联系方式的配置。通常，在左侧导航栏可以找到“后台设置”，点击后会看到“联系方式设置”选项。

进入该界面，会看到一些预设的联系方式字段，例如“联系人”、“联系电话”、“联系地址”、“联系邮箱”、“微信号”以及“微信二维码”等。这些字段覆盖了企业或个人网站最常用的联系方式，只需在对应的输入框中填入您的信息即可。例如，您可以在“联系电话”字段中填入公司的客服电话，在“联系邮箱”中填入咨询邮箱地址。

除了这些默认字段，安企CMS还允许根据具体需求添加自定义的联系方式。比如，如果您希望在网站上展示WhatsApp联系方式或者某个社交媒体主页链接，可以在该页面下方找到自定义参数设置。点击添加新的设置项，需要填写三个部分：“参数名”、“参数值”和“备注”。“参数名”是未来在模板中调用时使用的唯一标识，建议使用英文或拼音，例如“WhatsApp”。“参数值”则是该联系方式的具体内容，比如您的WhatsApp号码。“备注”用于说明该参数的用途，方便日后管理。

完成所有联系方式信息的填写和自定义后，记得点击保存，确保您的设置生效。

在网站前台模板中调用联系方式信息

完成后台配置后，下一步就是在网站前端的模板文件中调用这些信息了。安企CMS为此提供了一个专门的模板标签：contact。

这个contact标签的使用方式非常简洁明了。它的基本语法是 {% contact 变量名称 with name="字段名称" %}。其中，变量名称是可选的，如果设置了，就可以通过这个变量来进一步处理数据；如果没有设置，标签会直接输出对应字段的值。字段名称则是后台设置中对应的参数名称，例如“联系电话”对应的参数名是Cellphone，“联系邮箱”对应的参数名是Email。

我们来看几个具体的调用示例：

要显示联系电话，可以在模板中这样写：

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

如果希望电话号码可以直接点击拨打，可以结合HTML的tel:协议：

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

显示联系邮箱则类似：

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

对于像微信二维码这样的图片信息，由于标签直接输出的是图片的URL，通常需要结合<img>标签来显示。此外，为了避免HTML内容被转义，通常会配合|safe过滤器使用：

<div class="wechat-qr">
    {% contact qrcode_url with name="Qrcode" %}
    {% if qrcode_url %}
        <img src="{{ qrcode_url|safe }}" alt="微信二维码" width="120" height="120">
    {% endif %}
</div>

这里我们定义了一个变量qrcode_url来存储二维码图片的链接，然后判断它是否存在，再将其插入到<img>标签的src属性中。

对于您在后台添加的自定义联系方式，例如前面提到的WhatsApp，调用方式也类似，只需要确保name参数与您设置的“参数名”一致：

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

通过这些灵活的调用方式，您可以将联系方式信息放置在网站的页眉、页脚、联系我们页面或任何需要展示的地方，确保访客能够方便快捷地联系到您。

总结

安企CMS通过其直观的后台配置和功能强大的模板标签，极大地简化了网站联系方式信息的管理和展示。无论是默认提供的常用字段，还是根据业务需求自定义的独特联系方式，都能够被高效且灵活地呈现在网站前台，帮助您更好地与用户沟通，提升网站的实用性和用户体验。

常见问题 (FAQ)

  1. Q: 为什么我在后台修改了联系方式，但前台页面没有立即更新？ A: 这很可能是由于系统缓存导致的。安企CMS为了提高网站访问速度，会对页面内容进行缓存。您可以在后台管理界面的左侧导航栏找到“更新缓存”选项，点击进行清理，通常就能看到最新的内容了。

  2. Q: 我添加了自定义的联系方式，但在模板里调用时显示不出来，或者显示错误，应该如何排查？ A: 请仔细检查以下几点：

    • 参数名是否一致： 确保您在模板标签 {% contact with name="字段名称" %} 中使用的字段名称，与您在后台“联系方式设置”中自定义参数时填写的“参数名”完全一致，包括大小写。
    • 是否保存： 确认后台添加或修改联系方式后，已经点击了保存按钮。
    • 清理缓存： 同样，自定义字段的更新也可能受缓存影响，尝试清理缓存。

  3. Q: 除了直接显示文本，联系方式标签能否用于判断某个联系方式是否存在？ A: 可以的。您可以先将联系方式的值赋值给一个变量，然后使用模板的条件判断（if 标签）来检查该变量是否为空。例如：

    {% contact phone_num with name="Cellphone" %}
{% if phone_num %}
    <p>联系电话：{{ phone_num }}</p>
{% else %}
    <p>暂无联系电话</p>
{% endif %}

    这样，只有当后台设置了电话号码时，才会显示电话信息。