作为一名深谙安企CMS运营之道的资深内容工作者，我深知企业对外展示联系方式的重要性。这不仅关乎客户能否便捷地与您取得联系，更是建立信任、促进业务往来的基础。安企CMS为网站运营人员提供了一套直观且灵活的解决方案，让您无需编写复杂的代码，即可轻松管理并展示各类联系信息。
以下，我将详细阐述如何在AnQiCMS模板中调用并展示后台配置的联系方式，包括电话、邮箱和各种社交媒体链接，帮助您高效地构建一个信息完善的网站。
配置您的联系方式：后台操作指南
在AnQiCMS中，所有的联系信息都集中在后台的“联系方式设置”模块，方便您统一管理。要开始配置，您需要登录到AnQiCMS的管理后台，然后导航至“后台设置”下的“联系方式设置”选项。
在这个界面，您会发现一系列预设的字段，例如“联系人”、“联系电话”、“联系地址”、“联系邮箱”、“微信号”以及“微信二维码”等。这些都是企业网站常用且必不可少的联系信息。您只需在对应的输入框中填入您的实际信息即可。
除了这些标准字段，安企CMS还提供了强大的自定义功能。如果您需要展示特定社交媒体的链接，如WhatsApp、Facebook、Twitter、Instagram、LinkedIn或YouTube，或者任何其他业务相关的自定义联系方式，您可以点击“自定义设置参数”来添加。在添加自定义参数时，您需要指定一个“参数名”（供模板调用，建议使用英文且驼峰命名法，例如WhatsApp），以及对应的“参数值”（即您要展示的联系信息或链接），并可选择性地添加“备注”以方便日后管理。
完成所有联系信息的填写和自定义后，请务必点击保存，确保您的更改在系统中生效。这些配置将成为前端模板调用的数据源。
模板中调用联系方式：使用contact标签
安企CMS的模板系统采用了类似Django模板引擎的语法，使得前端开发者能够通过简洁的标签来获取后台配置的数据。要调用并展示联系方式，我们将主要使用contact标签。
contact标签的基本使用方法是{% contact 变量名称 with name="字段名称" %}。其中，“字段名称”参数是关键，它对应着您在后台“联系方式设置”中填写的各个字段的名称（包括预设字段和自定义字段）。如果您不指定变量名称，标签会直接输出字段的值。
例如，要显示您的联系电话，您可以在模板中这样写：
<li>电话：{% contact with name="Cellphone" %}</li>
如果您希望将电话号码赋值给一个变量以便进一步处理，可以这样：
{% contact phoneNumber with name="Cellphone" %}
<li>联系电话：<a href="tel:{{ phoneNumber }}">{{ phoneNumber }}</a></li>
这里我们还使用了HTML的tel:协议，方便移动设备用户直接点击拨打。
展示各类联系信息实例
下面是一些具体的代码示例，演示如何调用并展示不同类型的联系方式，无论是电话、邮箱，还是各种社交媒体平台。
核心联系信息
展示联系人、电话、地址和邮箱是网站最常见需求。
<address>
<ul>
<li>联系人：{% contact with name="UserName" %}</li>
<li>联系电话：<a href="tel:{% contact with name="Cellphone" %}" rel="nofollow">{% contact with name="Cellphone" %}</a></li>
<li>联系地址：{% contact with name="Address" %}</li>
<li>联系邮箱：<a href="mailto:{% contact with name="Email" %}" rel="nofollow">{% contact with name="Email" %}</a></li>
</ul>
</address>
社交媒体与即时通讯
对于微信、QQ或国际社交媒体平台，您同样可以通过contact标签来调用：
<div class="social-media">
<p>关注我们：</p>
<ul>
<li>微信：{% contact with name="Wechat" %} <img src="{% contact with name="Qrcode" %}" alt="微信二维码" style="width: 100px;"></li>
<li>QQ：<a href="tencent://message/?uin={% contact with name="QQ" %}&Site=安企CMS&Menu=yes" rel="nofollow">{% contact with name="QQ" %}</a></li>
<li>WhatsApp：<a href="https://wa.me/{% contact with name="WhatsApp" %}" target="_blank" rel="nofollow">{% contact with name="WhatsApp" %}</a></li>
<li>Facebook：<a href="{% contact with name="Facebook" %}" target="_blank" rel="nofollow">Facebook</a></li>
<li>Twitter：<a href="{% contact with name="Twitter" %}" target="_blank" rel="nofollow">Twitter</a></li>
<li>LinkedIn：<a href="{% contact with name="Linkedin" %}" target="_blank" rel="nofollow">LinkedIn</a></li>
<li>Instagram：<a href="{% contact with name="Instagram" %}" target="_blank" rel="nofollow">Instagram</a></li>
<li>YouTube：<a href="{% contact with name="Youtube" %}" target="_blank" rel="nofollow">YouTube</a></li>
</ul>
</div>
请注意，对于QQ和WhatsApp等即时通讯工具，链接通常需要特定的协议或URL结构才能实现直接跳转。上述代码中的示例已考虑了这些情况，并添加了rel="nofollow"属性，这有助于指示搜索引擎不要追踪这些外部链接，是SEO的常见做法。
调用自定义字段
如果您在后台自定义了CustomerServiceHotline（客户服务热线）这个字段，那么在模板中调用它就和调用预设字段一样简单：
<li>客户服务热线：{% contact with name="CustomerServiceHotline" %}</li>
多站点环境下调用指定站点数据
安企CMS支持多站点管理，这意味着一个系统可以管理多个独立的网站。如果您在多站点环境下需要调用其他站点的联系信息，contact标签也提供了siteId参数来实现这一点。通常情况下，您无需手动填写siteId，因为系统会默认获取当前站点的联系信息。但如果您的需求特殊，例如在一个主站上展示所有子站的联系方式列表，就可以通过指定siteId来完成。
{# 假设 siteId 为 2 的站点是您的分公司 #}
<li>分公司电话：{% contact with name="Cellphone" siteId="2" %}</li>
实践建议与SEO考量
在网站模板中展示联系信息时，除了确保信息准确无误，还有一些实践建议和SEO考量值得注意：
- 可见性： 将重要的联系信息（如电话、邮箱）放置在页眉、页脚或独立的“联系我们”页面，确保用户可以随时找到。
- 交互性： 使用
tel:和mailto:等HTML协议，让用户在点击时能直接拨打电话或发送邮件。 - Schema Markup (结构化数据)： 考虑使用JSON-LD等结构化数据来标记您的联系信息，这有助于搜索引擎更好地理解您的企业信息，并在搜索结果中展示更丰富的片段，例如在本地商家搜索结果中直接显示电话号码。安企CMS提供了Json-LD自定义调用标签，您可以在模板中包裹自定义的JSON-LD代码。
- 一致性： 确保网站上所有联系信息的一致性，包括电话号码、地址和公司名称，这对于本地SEO尤为重要。
通过以上步骤和示例，您可以灵活高效地在AnQiCMS模板中展示后台配置的各类联系方式，为您的网站访客提供清晰便捷的沟通渠道。
常见问题解答
Q1: 我在后台“联系方式设置”中添加了新的社交媒体链接，但在模板中调用时却无法显示，这是为什么？
A1: 请检查您在模板中使用的name参数是否与后台自定义参数的“参数名”完全一致。安企CMS的模板标签是严格区分大小写的，例如，如果您在后台设置的参数名是FacebookPage，但在模板中写成了facebookpage，就可能导致无法正确调用。同时，确保您在后台保存了设置，并且如果网站启用了缓存，请尝试清除缓存后再次查看。
Q2: 如何在模板中判断某个联系方式是否存在再显示，以避免显示空的联系信息？
A2: 您可以使用AnQiCMS模板的if逻辑判断标签来检查联系方式的值是否存在。首先将联系方式赋值给一个变量，然后判断该变量是否为空。例如，要判断并显示WhatsApp联系方式：
{% contact whatsAppNumber with name="WhatsApp" %}
{% if whatsAppNumber %}
<li>WhatsApp：<a href="https://wa.me/{{ whatsAppNumber }}" target="_blank" rel="nofollow">{{ whatsAppNumber }}</a></li>
{% endif %}
这样，只有当后台设置了WhatsApp号码时，前端才会显示这一项，避免了空链接或不必要的文本。
Q3: 安企CMS的联系方式设置中没有我需要的特定国家的社交媒体平台，我可以自己添加吗？
A3: 完全可以。安企CMS的“联系方式设置”中的“自定义设置参数”功能就是为此目的设计的。您可以点击“添加自定义参数”，然后输入您所需社交媒体平台的名称作为“参数名”（例如Vkontakte或KakaoTalk），并在“参数值”中填入对应的链接或ID。在模板中，您就可以使用{% contact with name="Vkontakte" %}这样的方式来调用和展示您自定义的联系方式了。