如何获取并显示后台配置的联系人、电话、地址等信息?

📅 👁️ 70

在网站运营中,清晰地展示企业的联系方式对于建立客户信任、促进沟通至关重要。无论是联系人姓名、电话号码、办公地址,还是社交媒体账号,这些信息都需要在网站的显眼位置方便用户查找。安企CMS为此提供了便捷的解决方案,让您无需编写复杂的代码,就能灵活地管理和展示这些关键信息。

在后台配置您的联系方式

安企CMS的后台设计旨在让您轻松管理网站内容,这其中也包括您的联系方式。要配置这些信息,您可以登录到后台管理界面,找到“后台设置”菜单下的“联系方式设置”选项。在这里,您会看到一系列预设的字段,例如“联系人”、“联系电话”、“联系地址”、“联系邮箱”以及“微信号”和“微信二维码”。您只需在对应的输入框中填入您的信息即可。

值得一提的是,如果预设的字段无法满足您的业务需求,安企CMS还提供了“自定义设置参数”功能。您可以根据自己的需要,增加诸如WhatsApp账号、Facebook主页链接等自定义字段。这些自定义字段的名称可以自由设定,并且系统会自动将字母转换为驼峰命名法,方便您在前端模板中调用。填写好“参数名”和“参数值”,并添加“备注”以便日后识别,您的自定义联系信息就配置完成了。

在模板中获取并显示联系信息

配置好联系信息后,接下来就是在网站前台显示它们。安企CMS提供了一个专门用于获取联系方式信息的模板标签——contact。这个标签非常直观易用。

基本用法是这样的: {% contact 变量名称 with name="字段名称" %}

其中,“字段名称”就是您在后台“联系方式设置”中填写的各项名称(如 UserNameCellphoneAddress 等)。如果您不指定“变量名称”,标签会直接输出该字段的值。如果指定了“变量名称”,例如 {% contact myPhone with name="Cellphone" %},那么您就可以在后续代码中使用 {{myPhone}} 来引用这个值。

这里列举几个常用字段的获取方式:

  • 联系人姓名: <span>联系人:{% contact with name="UserName" %}</span>
  • 联系电话: <span>联系电话:<a href="tel:{% contact with name="Cellphone" %}" rel="nofollow">{% contact with name="Cellphone" %}</a></span>
  • 联系地址: <span>联系地址:{% contact with name="Address" %}</span>
  • 联系邮箱: <span>联系邮箱:<a href="mailto:{% contact with name="Email" %}">{% contact with name="Email" %}</a></span>
  • 微信账号: <span>微信号:{% contact with name="Wechat" %}</span>
  • 微信二维码: <span><img src="{% contact with name="Qrcode" %}" alt="微信二维码" /></span> 请注意,当获取图片URL时,如微信二维码,通常会将其嵌入 <img> 标签的 src 属性中。

对于您在后台添加的自定义联系方式,例如您创建了一个名为“WhatsApp”的自定义参数,您同样可以通过 contact 标签来获取它的值: <span>WhatsApp:{% contact contactWhatsApp with name="WhatsApp" %}{{contactWhatsApp}}</span> 在上面的例子中,我们先将 contact 标签获取到的值赋给 contactWhatsApp 变量,然后再输出。如果某个自定义字段可能没有内容,您也可以配合条件判断 {% if contactWhatsApp %} 来避免显示空内容。

灵活应用于网站各个角落

在网站中,联系信息通常会出现在网站的页脚、“联系我们”页面或侧边栏等位置。为了避免在每个页面重复编写相同的代码,您可以充分利用安企CMS模板的 include 功能。

您可以创建一个名为 partial/footer.html 的文件,将所有联系信息相关的模板代码放入其中。例如:

<div class="contact-info-block">
    <p>联系人:{% contact with name="UserName" %}</p>
    <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" %}">{% contact with name="Email" %}</a></p>
    <p>微信:{% contact with name="Wechat" %}</p>
    {% set qrcodeUrl = "" %}
    {% contact qrcodeUrl with name="Qrcode" %}
    {% if qrcodeUrl %}
        <div>
            <img src="{{qrcodeUrl}}" alt="微信二维码" />
        </div>
    {% endif %}
    {% set whatsapp = "" %}
    {% contact whatsapp with name="WhatsApp" %}
    {% if whatsapp %}
        <p>WhatsApp:{{whatsapp}}</p>
    {% endif %}
</div>

然后在您的主模板文件(如 base.htmlindex.html)中,只需简单地引入这个部分: {% include "partial/footer.html" %}

这样,当您需要更新联系信息时,只需在后台修改,前端页面就会自动更新,而无需改动任何模板代码,大大提高了运营效率。

对于有多站点需求的用户

相关文章

安企CMS模板中如何调用并格式化显示网站备案号和版权信息?

在网站的运营过程中,备案号和版权信息是不可或缺的元素,它们不仅关乎网站的合法性,也体现了网站的专业度。对于使用安企CMS搭建的网站来说,在模板中灵活地调用并格式化显示这些信息,是一个非常基础但重要的技能。 幸运的是,安企CMS提供了一套简洁而强大的模板标签系统,让网站备案号和版权信息的调用变得异常轻松。接下来,我们就一起看看如何在安企CMS的模板中实现这一目标。 ### 首先

2025-11-07

如何在前端页面有效展示安企CMS后台配置的站点名称和Logo?

在网站运营中,站点的名称和Logo是品牌形象的基石,它们不仅是访客识别网站的重要标志,也是传递品牌价值和建立信任的关键。AnQiCMS作为一款功能强大的内容管理系统,充分考虑了这一需求,提供了直观便捷的方式来配置和展示这些核心品牌元素。接下来,我们就来探讨如何在AnQiCMS中有效地利用后台配置的站点名称和Logo,让它们在前端页面焕发生机。 ### 一、后台配置

2025-11-07

如何利用Sitemap和Robots.txt提升内容在搜索引擎中的显示效果?

在数字营销的世界里,让您的网站内容被搜索引擎发现并良好展示是成功的关键。Sitemap(站点地图)和Robots.txt文件是网站与搜索引擎“沟通”的两个重要工具。它们就像是为搜索引擎爬虫准备的导航地图和行为指南,合理地利用它们,能显著提升您的安企CMS(AnQiCMS)网站在搜索结果中的表现。 ### 什么是Sitemap?为搜索引擎提供精准导航 Sitemap,顾名思义,就是网站的地图

2025-11-07

安企CMS如何通过高级SEO工具提升网站在搜索引擎中的可见度?

在如今竞争激烈的网络环境中,网站能否在搜索引擎中脱颖而出,直接关系到其内容的传播效果和商业价值。搜索引擎优化(SEO)不再仅仅是锦上添花,而是网站运营的基石。对于许多中小企业和内容运营团队而言,选择一款能够深度支持SEO的内容管理系统(CMS)至关重要。安企CMS(AnQiCMS)正是在此背景下,凭借其一系列高级SEO工具和策略,帮助用户显著提升网站在搜索引擎中的可见度

2025-11-07

怎样在AnqiCMS中自定义联系方式参数并在模板中调用显示?

在网站运营中,保持与用户的顺畅沟通至关重要。除了传统的电话、邮箱等联系方式,很多时候我们还需要展示更多个性化的社交媒体或即时通讯信息。AnqiCMS 提供了一个非常灵活的联系方式管理模块,让您可以轻松自定义并灵活地在网站的任何位置展示这些信息。 接下来,我们将分两个主要步骤,详细讲解如何在 AnqiCMS 中自定义联系方式参数,并在模板中调用显示。 ### 一、在 AnqiCMS

2025-11-07

如何在网站首页动态显示Title、Keywords和Description以优化SEO?

在构建一个成功的网站时,让搜索引擎友好是至关重要的第一步。而Title(标题)、Keywords(关键词)和Description(描述)——通常简称为TDK——就是网站与搜索引擎“对话”的核心要素。它们不仅告诉搜索引擎您的页面内容,也直接影响用户在搜索结果中是否点击您的网站。安企CMS深知这一点,因此内置了强大的TDK管理功能,让您能够轻松实现TDK的动态显示与优化。 动态显示TDK意味着

2025-11-07

页面TDK标签中如何控制首页标题是否显示网站名称后缀?

如果你正在使用 AnQiCMS 构建或管理你的网站,你可能会遇到一个常见且重要的问题:如何精细控制网站首页 `<title>` 标签中,是否显示网站的名称作为后缀。这不仅关系到网站在搜索引擎结果中的展示效果,也直接影响用户对网站品牌的认知。安企CMS 作为一个注重 SEO 优化和灵活性的内容管理系统,在这方面提供了简单而强大的控制能力。 首先,我们来明确一下这里提到的“网站名称后缀”指的是什么

2025-11-07

如何创建和管理网站导航菜单,并实现二级导航的展示?

网站的导航菜单,就像是网站的骨架和路标,它引导访客迅速找到所需信息,是用户体验和网站信息架构的核心。一个清晰、直观的导航系统不仅能提升用户满意度,对于搜索引擎优化(SEO)也至关重要。安企CMS(AnQiCMS)在设计之初就充分考虑了这一点,提供了灵活且易于操作的导航菜单管理功能,让网站运营者能够轻松构建和维护网站的导航体系。 ### 搭建网站主导航

2025-11-07