在安企CMS(AnQiCMS)的日常运营中,准确地在网站前端展示全局配置信息、联系方式以及精心优化的SEO元素,是提升用户体验和搜索引擎可见度的关键。幸运的是,AnQiCMS提供了几个直观且强大的模板标签,让用户可以轻松获取这些重要数据。本文将深入探讨system、contact和tdk这三个核心标签,帮助您将后台配置无缝集成到网站的各个页面。
获取网站全局配置:system 标签的应用
当您需要展示网站的品牌名称、Logo、备案号或核心地址等全局性信息时,system 标签便是您的得力助手。这个标签能够直接从AnQiCMS后台的“全局功能设置”中读取预设值,并将其呈现在网站前端。
要使用system标签,您通常会指定您希望获取的配置项的名称。例如,要显示网站的名称,您可以这样使用:
<div>网站名称:{% system with name="SiteName" %}</div>
如果想要将网站的Logo图片展示出来,并确保它链接到网站首页,同时具备良好的SEO实践(alt属性),您可以这样写:
<a href="{% system with name="BaseUrl" %}">
<img src="{% system with name="SiteLogo" %}" alt="{% system with name="SiteName" %}" />
</a>
这里我们同时调用了SiteLogo来获取Logo图片地址,SiteName获取网站名称作为图片的alt文本,以及BaseUrl获取网站首页地址。
此外,像备案号(SiteIcp)、版权信息(SiteCopyright)、模板静态文件地址(TemplateUrl,常用于引入CSS或JS文件),甚至是您在后台自定义的参数,都可以通过类似的方式获取。例如,如果您自定义了一个名为“HelpUrl”的参数,用来存放帮助页面的链接,就可以这样调用:
<a href="{% system with name="HelpUrl" %}" target="_blank">帮助中心</a>
通过这种方式,您可以确保所有页面都统一使用最新的全局配置信息,而无需修改模板代码,极大提高了网站的可维护性。
展示企业联系方式:contact 标签的用法
清晰、便捷的联系方式是与用户建立信任和沟通的桥梁。AnQiCMS的contact标签专门用于获取和显示后台“联系方式设置”中的各项信息。无论是电话、邮箱、地址,还是各种社交媒体链接,它都能轻松应对。
假设您想在网站的页脚或“联系我们”页面展示公司的联系电话和邮箱,您可以这样调用:
<div>
<p>联系电话:{% contact with name="Cellphone" %}</p>
<p>联系邮箱:<a href="mailto:{% contact with name="Email" %}">{% contact with name="Email" %}</a></p>
</div>
如果您在后台设置了微信二维码Qrcode,并希望在前端展示,以便用户扫码添加,可以这样实现:
<div>
<img src="{% contact with name="Qrcode" %}" alt="微信二维码" />
<p>微信号:{% contact with name="Wechat" %}</p>
</div>
对于社交媒体平台,如Facebook或LinkedIn,如果后台有配置,也可以通过name="Facebook"或name="Linkedin"等方式直接获取链接。同样,contact标签也支持调用您在后台自定义的联系方式参数,这为满足特定的展示需求提供了极大的灵活性。
优化页面SEO:tdk 标签的精髓
TDK(Title, Description, Keywords)是网站SEO的基础,它们直接影响着页面在搜索引擎结果中的展示效果和排名。AnQiCMS的tdk标签就是为此而生,它能智能地获取当前页面的SEO标题、关键词、描述以及规范链接(Canonical URL)。
在每个页面的<head>区域,您通常会看到这样的TDK设置:
<title>{% tdk with name="Title" %}</title>
<meta name="keywords" content="{% tdk with name="Keywords" %}">
<meta name="description" content="{% tdk with name="Description" %}">
tdk标签的强大之处在于其智能性。它会根据当前页面的类型(首页、文章详情页、分类列表页等)自动获取对应的TDK信息。例如,在文章详情页,它将显示该文章特有的SEO标题、关键词和描述;而在分类列表页,则显示该分类的TDK。
对于页面标题Title,tdk标签还提供了几个实用的属性来进一步控制其显示方式:
siteName=true:会在页面标题后自动附加网站名称。例如,如果页面标题是“关于我们”,网站名称是“安企CMS”,那么最终显示的标题可能是“关于我们 - 安企CMS”。sep="_":允许您自定义页面标题与网站名称之间的分隔符,默认为短横线-。showParent=true:在分类或文章页面,如果该内容有上级分类,此属性可以决定是否在标题中显示上级分类的标题,对于层级较深的网站结构,这有助于提高标题的描述性。
例如,一个显示上级分类标题并使用下划线作为分隔符的标题:
<title>{% tdk with name="Title" siteName=true sep="_" showParent=true %}</title>
此外,tdk标签还能获取页面的规范链接(Canonical URL),这对于避免重复内容、集中页面权重至关重要:
{%- tdk canonical with name="CanonicalUrl" %}
{%- if canonical %}
<link rel="canonical" href="{{canonical}}" />
{%- endif %}
这里通过一个条件判断确保只有当规范链接存在时才输出<link rel="canonical">标签,这是一种稳健的实践。
总结
system、contact和tdk这三个标签是AnQiCMS模板开发中的基石,它们将网站的全局配置、联系信息和SEO元数据与前端展示紧密连接起来。通过灵活运用这些标签,您可以构建出高度一致、易于管理且对搜索引擎友好的网站,从而更好地服务于您的用户并实现运营目标。理解并熟练使用它们,将使您的AnQiCMS网站运营工作事半功倍。
常见问题 (FAQ)
1. 如果后台没有设置某个system或contact字段的值,前端调用时会显示什么?
答:如果后台没有为某个system或contact字段设置值,前端调用该标签时通常会返回一个空字符串。这意味着在您的网站上,该位置将不会显示任何内容,因此在设计模板时,可以根据需要对这些空值进行判断,或者设置默认的占位符文本。
2. tdk标签获取到的TDK信息是针对整个网站的还是针对当前页面的?
答:tdk标签的智能之处在于它是上下文感知的。这意味着它会根据当前访问的页面类型(如首页、文章详情页、分类列表页、单页面等)自动获取并显示相应的TDK信息。例如,在首页它会显示您在后台“首页TDK设置”中配置的内容;在文章详情页,则会显示该文章独立设置的TDK。这种设计极大地简化了SEO管理,确保了每个页面都能拥有其独特的优化信息。
3. 我能否在同一个模板文件中调用不同站点(多站点功能)的system或contact信息?
答:可以的。AnQiCMS的多站点功能非常强大,为了支持跨站点数据调用,system、contact和tdk标签都支持一个siteId参数。您可以通过siteId="X"(其中X是目标站点的ID)来指定要获取哪个站点的配置信息。这对于构建共享某些全局信息的多站点网络非常有用,例如统一的版权信息或集团总部的联系方式。