网站的联系方式是与用户建立连接、提供支持的关键信息。安企CMS(AnQiCMS)提供了一套直观且灵活的方式来管理和展示这些重要信息,无论是电话、地址,还是各种社交媒体平台链接,都能轻松实现。
在后台配置网站的联系方式
要配置网站的联系方式,您可以首先登录安企CMS的后台管理界面。在左侧导航栏中,找到并点击“后台设置”,然后选择“联系方式设置”。这里汇集了所有您可能需要展示的联系信息。
系统默认预设了一些常见的联系字段,例如:
- 联系人: 通常是您网站或公司的主要联系人姓名。
- 联系电话: 用户的咨询电话,可以直接点击拨打。
- 联系地址: 您的公司或实体地址,方便用户导航。
- 联系邮箱: 用户发送邮件进行沟通的邮箱地址。
- 微信号/微信二维码: 对于国内用户,这两种方式是常见的沟通渠道。
您只需在相应的输入框中填入信息,然后保存即可。这些信息会立即在系统内部生效,并为前端调用做好准备。
添加更多社交媒体和其他自定义联系方式
安企CMS的强大之处在于其可定制性。如果您需要展示除了默认字段之外的社交媒体平台,例如WhatsApp、Facebook、Twitter、Instagram、LinkedIn或YouTube等,亦或是其他任何您认为重要的联系方式,您可以使用“自定义设置参数”功能。
在“联系方式设置”页面的下方,您会看到添加自定义参数的选项。这里有三个关键项需要填写:
- 参数名: 这是供模板调用的名称,建议使用英文,系统会自动将其转换为驼峰命名法(例如,输入
whatsapp,系统会识别为WhatsApp)。这个名称将是您在网站前端引用该信息的“钥匙”。 - 参数值: 对应参数名所代表的具体内容,比如您的WhatsApp账号、Facebook主页链接或是一个在线客服系统的链接。
- 备注: 这是一个内部标识,用于提醒您该自定义参数的用途,它不会在前台显示。
通过这种方式,您可以根据业务需求无限扩展网站的联系信息,使其更加全面和专业。
在网站前端展示联系方式
配置好后台信息后,接下来就是在网站的各个页面上展示这些联系方式了。安企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 %}标签来调取后台配置的联系信息。这样,无论后台信息如何更新,前端的展示内容都会保持一致,但外观可以根据模板设计而不同。