AnQiCMS如何配置和显示网站的联系方式，如电话、地址、社交媒体？

网站的联系方式是与用户建立连接、提供支持的关键信息。安企CMS（AnQiCMS）提供了一套直观且灵活的方式来管理和展示这些重要信息，无论是电话、地址，还是各种社交媒体平台链接，都能轻松实现。

在后台配置网站的联系方式

要配置网站的联系方式，您可以首先登录安企CMS的后台管理界面。在左侧导航栏中，找到并点击“后台设置”，然后选择“联系方式设置”。这里汇集了所有您可能需要展示的联系信息。

系统默认预设了一些常见的联系字段，例如：

• 联系人： 通常是您网站或公司的主要联系人姓名。
• 联系电话： 用户的咨询电话，可以直接点击拨打。
• 联系地址： 您的公司或实体地址，方便用户导航。
• 联系邮箱： 用户发送邮件进行沟通的邮箱地址。
• 微信号/微信二维码： 对于国内用户，这两种方式是常见的沟通渠道。

您只需在相应的输入框中填入信息，然后保存即可。这些信息会立即在系统内部生效，并为前端调用做好准备。

添加更多社交媒体和其他自定义联系方式

安企CMS的强大之处在于其可定制性。如果您需要展示除了默认字段之外的社交媒体平台，例如WhatsApp、Facebook、Twitter、Instagram、LinkedIn或YouTube等，亦或是其他任何您认为重要的联系方式，您可以使用“自定义设置参数”功能。

在“联系方式设置”页面的下方，您会看到添加自定义参数的选项。这里有三个关键项需要填写：

1. 参数名： 这是供模板调用的名称，建议使用英文，系统会自动将其转换为驼峰命名法（例如，输入whatsapp，系统会识别为WhatsApp）。这个名称将是您在网站前端引用该信息的“钥匙”。
2. 参数值： 对应参数名所代表的具体内容，比如您的WhatsApp账号、Facebook主页链接或是一个在线客服系统的链接。
3. 备注： 这是一个内部标识，用于提醒您该自定义参数的用途，它不会在前台显示。

通过这种方式，您可以根据业务需求无限扩展网站的联系信息，使其更加全面和专业。

在网站前端展示联系方式

配置好后台信息后，接下来就是在网站的各个页面上展示这些联系方式了。安企CMS通过简洁的模板标签让这一过程变得非常容易。您需要在网站的模板文件中使用{% contact %}标签来调取这些信息。

网站的模板文件通常位于 /template 目录下的具体主题文件夹中，例如页眉 (header)、页脚 (footer) 或“联系我们”页面等。

调用标准联系信息

要显示默认预设的联系方式，您可以使用{% contact with name="字段名称" %}的格式。例如：

• 要显示联系电话：{% contact with name="Cellphone" %}
• 要显示公司地址：{% contact with name="Address" %}
• 要显示联系邮箱：{% contact with name="Email" %}

这些标签会直接输出您在后台填写的对应内容。

展示社交媒体链接和自定义信息

安企CMS的{% contact %}标签也内置了对多种社交媒体平台的支持。这意味着，即使没有通过“自定义设置参数”添加，只要您在后台的标准字段中填写了这些社交媒体的账号或链接，就可以直接调用：

• {% contact with name="Facebook" %}
• {% contact with name="Twitter" %}
• {% contact with name="WhatsApp" %}
• 等等，几乎涵盖了所有主流社交媒体。

对于您通过“自定义设置参数”添加的联系方式，调用方法也完全相同。只需将name属性设置为您自定义的“参数名”即可。比如，如果您自定义了一个名为SkypeID的参数：

• {% contact with name="SkypeID" %}

特别地，如果您需要展示微信二维码图片，例如： <img src="{% contact with name="Qrcode" %}" alt="微信二维码" /> 这里需要注意的是，当调用图片地址等URL类内容时，通常会直接将其作为src属性的值。

整合展示示例

假设您想在网站页脚统一展示联系电话、地址、邮箱和Facebook主页链接（假设Facebook是通过自定义参数添加的）：

<div class="footer-contact">
    <p>电话: <a href="tel:{% contact with name="Cellphone" %}" rel="nofollow">{% contact with name="Cellphone" %}</a></p>
    <p>地址: {% contact with name="Address" %}</p>
    <p>邮箱: <a href="mailto:{% contact with name="Email" %}" rel="nofollow">{% contact with name="Email" %}</a></p>
    <p>关注我们: <a href="{% contact with name="Facebook" %}" target="_blank" rel="noopener noreferrer">Facebook</a></p>
</div>

通过这种方式，您可以灵活地在网站的不同位置展示所需联系方式，并确保所有信息都来源于后台的统一管理，方便后续更新维护。

常见问题 (FAQ)

1. 我在后台更新了联系方式，为什么网站前台没有立即显示变化？ 安企CMS为了提高网站访问速度，通常会使用缓存。在您更新后台信息后，可能需要手动清除网站缓存，或者等待缓存自动更新周期结束，新的信息才能在前台显示。您可以在后台管理界面的右上角找到“更新缓存”选项进行手动清除。

2. 除了文本和链接，我可以直接显示图片或HTML片段作为联系方式吗？比如自定义一个带有图标的社交媒体按钮？ 是的，您完全可以。在后台的“联系方式设置”中，当您添加自定义参数并填写“参数值”时，可以直接输入HTML代码片段，例如包含<img>标签的图标或者完整的按钮HTML结构。然后在前端调用时，使用{% contact with name="您的自定义参数名" %}，并且可能需要配合|safe过滤器（例如{{ contactInfo|safe }}）来确保HTML代码被正确解析而不是被转义输出。

3. 如何在不同的页面（例如首页和“联系我们”页面）以不同的样式或布局展示联系方式？ 安企CMS的模板系统非常灵活。您可以在不同的模板文件（如index.html和contact.html）中分别编写联系方式的HTML结构和样式。然后，在这些模板文件中使用相同的{% contact %}标签来调取后台配置的联系信息。这样，无论后台信息如何更新，前端的展示内容都会保持一致，但外观可以根据模板设计而不同。