How to display the system name configured in the background of AnQiCMS website?
Calendar date 2025-11-07
👁️ 55
Easily display the system name configured in the AnQiCMS website
The system name of a website is a core component of its online identity, it is not just a simple name, but also a key factor in brand image, search engine optimization (SEO), and user identification.For AnQiCMS users, displaying the system name configured in the backend on the website front-end can ensure the consistency of website information, enhance user experience, and improve search engine friendliness.This article will introduce in detail how to find and flexibly use the system name in AnQiCMS, making it omnipresent in your website and just right.
Understand the "system name" in AnQiCMS
In the AnQiCMS backend, the system name usually refers to the brand name or main title of your website, which plays an important role in many places.To view or modify it, you can log in to the AnQiCMS backend, navigate to the 'Backend Settings' menu, and then click 'Global Function Settings'.Here, you will find a configuration item named "Website Name".This value is the basic name recognized and used by the AnQiCMS system across the entire site.It not only affects the display title of the website, but also is the basis of some default functions (such as the record information link).
Call the system name in the template
AnQiCMS provides powerful template tag functions, making it very simple to obtain background configuration information on the website front end. To display the system name, we mainly use a name calledsystemThe template tag. This tag is used to retrieve global system configuration information.
The usage is very intuitive: you need to specify the "field name" of the configuration item you want to obtain. For the website name, its field name isSiteName.
For example, if you want to display the website name directly in a paragraph, you can write the template code like this:
<p>欢迎访问 {{ system with name="SiteName" }}！</p>
Here{% system with name="SiteName" %}The website name will be replaced by the background configuration. For convenience in reuse in the template, you can also assign it to a variable:
{% system siteName with name="SiteName" %}
<p>欢迎访问 {{ siteName }}！</p>
Thus,siteNameThe variable stores the website name configured on the backend, which can be reused in other places of the current template.
Combine with the actual application scenario
The application of the system name is far more than simply displaying text, it plays a role in enhancing professionalism and SEO effects at multiple key locations on the website.
A. In the website title (<title>Tag application
Website<title>Tags are an important basis for search engines to judge the theme of web page content, and they are also the first impression that users see in the browser tab or search results.usually, we hope the title can include the content of the current page and use the website name as a suffix for brand recognition.AnQiCMS provided for thistdk(Universal TDK) Tag, making this operation flexible and in line with SEO**practice.
in the template's<head>Part, you can configure it like this:
<title>{% tdk with name="Title" siteName=true %}</title>
This code will automatically retrieve the main title of the current page and append it with the "Website Name" from the background "Global Function Settings".
If you want to customize the title separator, for example, using_This is not the default one-, you can set it like this:
`twig
{% tdk with</p>
</article>
<!-- Prev / Next -->\n \n <div class=\
</span>
</a>
</div>
<div class="flex-1 justify-end">
<a href="https://en.anqicms.com/blog/7077.html" class="prev-next-link group flex flex-col items-end px-5 py-3 rounded-lg border border-gray-200 dark:border-gray-700 hover:border-blue-500 dark:hover:border-blue-400 transition-all duration-200 min-w-[140px]">
<span class="text-xs text-gray-400 dark:text-gray-500 mb-0.5">Next</span>
<span class="text-sm font-medium text-gray-700 dark:text-gray-300 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors flex items-center gap-1">
How to dynamically obtain and display the website logo image address in AnQiCMS templates?
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</span>
</a>
</div>
</nav>
</div>
<!-- Related articles -->
<div class="mt-10">
<h3 class="text-base font-semibold text-gray-800 dark:text-gray-200 mb-4">Related articles</h3>
<div class="grid sm:grid-cols-2 gap-4">
<a href="https://en.anqicms.com/blog/7075.html" class="p-4 rounded-xl bg-gray-50 dark:bg-gray-900 hover:bg-blue-50 dark:hover:bg-blue-900/20 border border-gray-100 dark:border-gray-800 transition-colors group">
<h4 class="text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">How to display the title and link of the previous and next articles on the article detail page?</h4>
</a>
</div>
In website operation, the "Previous" and "Next" navigation functions on the article detail page not only effectively improve the user's reading experience and guide them to continue browsing more content, but also have a positive impact on the website's SEO performance by building internal links.For AnQiCMS users, implementing this feature is simple and efficient.
AnQiCMS provides a user-friendly and powerful template tag system, making it easy to display the titles and links of the previous and next articles on the article detail page.You do not need to perform complex programming or database queries</p><span class="text-xs text-gray-400 mt-2 block">2025-11-07</span><a href="https://en.anqicms.com/blog/7074.html" class="p-4 rounded-xl bg-gray-50 dark:bg-gray-900 hover:bg-blue-50 dark:hover:bg-blue-900/20 border border-gray-100 dark:border-gray-800 transition-colors group"><h4 class="text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">How to use AnQiCMS template tags to dynamically display content data on the frontend page</h4></a></h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">## Easily navigate AnQiCMS template tags: bring the website content to life!In today's digital world, a website that can dynamically display content is much more attractive to visitors and improves user experience than a static page. AnQiCMS provides us with a powerful and intuitive template tag system, allowing us to flexibly display backend data on the website front-end without writing complex code.This is like having a series of magical spells, with just a few taps, the website content comes to life.
The template tag design of AnQiCMS borrows the syntax of Django template engine</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-07</span>
</a>
<a href="https://en.anqicms.com/blog/7073.html" class="p-4 rounded-xl bg-gray-50 dark:bg-gray-900 hover:bg-blue-50 dark:hover:bg-blue-900/20 border border-gray-100 dark:border-gray-800 transition-colors group">
<h4 class="text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">How should AnQiCMS template files be organized and named to achieve flexible content display?The organization and naming of template files when building a website with AnQiCMS is a key link to flexible content display, improving website maintenance efficiency and scalability.A well-structured and clearly named template system that not only allows you to easily handle various types of content but also lays a solid foundation for future functional expansion.
### Template File Storage and Basic Conventions
AnQiCMS uses a template engine syntax similar to Django, which is very friendly to those familiar with front-end development. This makes you feel very comfortable.All template files use the `.html` file extension</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-07</span>
</a>
<a href="https://en.anqicms.com/blog/7072.html" class="p-4 rounded-xl bg-gray-50 dark:bg-gray-900 hover:bg-blue-50 dark:hover:bg-blue-900/20 border border-gray-100 dark:border-gray-800 transition-colors group">
<h4 class="text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">How to customize the display layout and template file path for articles (or other content) in AnQiCMS?In AnQiCMS, the display form of your website content has high flexibility.Whether it is an article, product details, or an independent page, you can tailor the display layout and template file path according to the brand image, content characteristics, or specific operational needs.This design concept of AnQiCMS aims to help users break free from the constraints of traditional CMS, and more freely control the visual presentation and user experience of the website.
### Flexible Template Mechanism: AnQiCMS Basics
AnQiCMS uses a template engine syntax similar to Django</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-07</span>
</a>
<a href="https://en.anqicms.com/blog/7077.html" class="p-4 rounded-xl bg-gray-50 dark:bg-gray-900 hover:bg-blue-50 dark:hover:bg-blue-900/20 border border-gray-100 dark:border-gray-800 transition-colors group">
<h4 class="text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">How to Dynamically Get and Display the Website Logo Image Address in AnQiCMS Templates?In web design, the Logo is not only a symbol of the brand, but it is also the core of the website's recognition.For a content management system like AnQiCMS, being able to flexibly call and display the website logo in templates is the key to improving operational efficiency and maintaining brand consistency.The good news is that AnQiCMS provides a very intuitive and powerful way to dynamically obtain and display the logo image address of your website, allowing you to easily manage your brand image without touching the core code.
### Backend Settings: Logo Position and Management
At AnQiCMS</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-07</span>
</a>
<a href="https://en.anqicms.com/blog/7078.html" class="p-4 rounded-xl bg-gray-50 dark:bg-gray-900 hover:bg-blue-50 dark:hover:bg-blue-900/20 border border-gray-100 dark:border-gray-800 transition-colors group">
<h4 class="text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">How to Display the Record Number and Copyright Information at the Bottom of AnQiCMS Website?In the operation of a website, the display of information at the bottom of the website, especially the filing number and copyright statement, is not only an embodiment of the compliance of the website, but also an important way to convey trust and professionalism to visitors.For websites built with AnQiCMS, displaying these key information flexibly and efficiently at the bottom of the website is a fundamental operation to enhance user experience and meet legal and regulatory requirements.
### In AnQiCMS backend set the record number and copyright information
In AnQiCMS, managing the website's record number and copyright information is very convenient</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-07</span>
</a>
<a href="https://en.anqicms.com/blog/7079.html" class="p-4 rounded-xl bg-gray-50 dark:bg-gray-900 hover:bg-blue-50 dark:hover:bg-blue-900/20 border border-gray-100 dark:border-gray-800 transition-colors group">
<h4 class="text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">How does the AnQiCMS template display the base URL address of the current website?In website operations and template development, accurately obtaining and displaying the basic URL address of the current website is a very basic but important requirement.It is crucial to understand how to flexibly call the basic URL of the website in AnQiCMS template, whether it is for correctly loading the static resources of the website (such as CSS, JavaScript, and images), or for building dynamic internal links, or for generating Canonical URL in accordance with SEO standards.AnQiCMS as an efficient and customizable content management system fully considers this requirement</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-07</span>
</a>
<a href="https://en.anqicms.com/blog/7080.html" class="p-4 rounded-xl bg-gray-50 dark:bg-gray-900 hover:bg-blue-50 dark:hover:bg-blue-900/20 border border-gray-100 dark:border-gray-800 transition-colors group">
<h4 class="text-sm font-medium text-gray-800 dark:text-gray-200 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors">How to obtain and display the contact phone number and address set in the AnQiCMS background template?In website operations, clearly and accurately displaying contact information is crucial for enhancing user trust and promoting communication and exchange.AnQiCMS provides a convenient background setting and template calling mechanism, allowing you to easily manage and display this key information. This article will introduce in detail how to configure the contact phone number and address in AnQiCMS background, as well as how to obtain and flexibly display this content in the website template.
---
### One, configure contact phone and address in AnQiCMS backend
Firstly, we need to configure the contact phone and address in AnQiCMS</p>
<span class="text-xs text-gray-400 mt-2 block">2025-11-07</span>
</a>
</div>
</div>
</div>
<!-- Sidebar categories -->
<aside class="lg:w-64 flex-shrink-0 mb-8 lg:mb-0">
<!-- Search -->
<div class="mb-4 max-w-lg mx-auto">
<form action="/search" method="get">
<div class="relative">
<svg class="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
<input type="text" name="q" placeholder="Search articles..." value="" class="w-full pl-12 pr-4 py-3 rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
</div>
</form>
</div>
<nav class="space-y-1 bg-white top-24">
<a href="/help/" class="block px-3 py-2 text-sm font-medium rounded-lg text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20 transition-all">All Articles</a>
<a href="https://en.anqicms.com/help" class="block px-3 py-2 text-sm font-medium rounded-lg text-gray-600 dark:text-gray-400 hover:text-blue-600 hover:bg-gray-50 dark:hover:bg-gray-800 transition-all">Anqicms Help</a>
<a href="https://en.anqicms.com/manual" class="block px-3 py-2 text-sm font-medium rounded-lg text-gray-600 dark:text-gray-400 hover:text-blue-600 hover:bg-gray-50 dark:hover:bg-gray-800 transition-all">Anqicms Template Tag Manual</a>
<a href="https://en.anqicms.com/anqiapi" class="block px-3 py-2 text-sm font-medium rounded-lg text-gray-600 dark:text-gray-400 hover:text-blue-600 hover:bg-gray-50 dark:hover:bg-gray-800 transition-all">Anqicms API Help</a>
<a href="https://en.anqicms.com/changelog" class="block px-3 py-2 text-sm font-medium rounded-lg text-gray-600 dark:text-gray-400 hover:text-blue-600 hover:bg-gray-50 dark:hover:bg-gray-800 transition-all">Anqicms Update Log</a>
<a href="https://en.anqicms.com/plugin" class="block px-3 py-2 text-sm font-medium rounded-lg text-gray-600 dark:text-gray-400 hover:text-blue-600 hover:bg-gray-50 dark:hover:bg-gray-800 transition-all">Anqicms Features</a>
</nav>
<div class="mt-8">
<h3 class="text-sm font-semibold text-gray-800 dark:text-gray-200 mb-3 px-1">Related Recommendations</h3>
<div class="space-y-2">
<a href="https://en.anqicms.com/blog/3480.html" class="block p-3 rounded-xl bg-gray-50 dark:bg-gray-800/50 hover:bg-blue-50 dark:hover:bg-blue-900/10 border border-gray-100 dark:border-gray-800/50 hover:border-blue-200 dark:hover:border-blue-800 transition-all group">
<h4 class="text-sm font-medium text-gray-700 dark:text-gray-300 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors line-clamp-2">How to enable remote debugging in Chrome browser, supports windows and MacOS, Linux</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">The following is the method to enable remote debugging in Chrome browser on various operating systems: Windows operating system: Make sure you have installed Chrome browser and it is up to date.Open a Command Prompt window (press Win + R, enter "cmd", and then press Enter). C:\Program Files\Google\Chrome\Application\chrome.exeSupported systems support Windows 7, Windows 8, Windows 10, Windows 11, W...How to choose the most suitable corporate website building program has become one of the issues that enterprises must consider. Then, how to choose the most suitable one among the many website building programs?Businesses should consider their own needs. The basic requirements for a corporate website should be: stable, secure, easy to use, and comprehensive in features. Therefore, when choosing a website building program, businesses need to pay close attention to these aspects.In terms of stability, it is recommended to choose a large-scale website construction program or an open-source project that has been optimized multiple times. For example, WordPress, Discuz...
<span class="text-xs text-gray-400 mt-1.5 block">2023-04-12</span>
</a>
<a href="https://en.anqicms.com/blog/3476.html" class="block p-3 rounded-xl bg-gray-50 dark:bg-gray-800/50 hover:bg-blue-50 dark:hover:bg-blue-900/10 border border-gray-100 dark:border-gray-800/50 hover:border-blue-200 dark:hover:border-blue-800 transition-all group">
<h4 class="text-sm font-medium text-gray-700 dark:text-gray-300 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors line-clamp-2">The benefits of building an enterprise website with Anqicms</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">In recent years, with the rapid development of Internet technology, more and more enterprises have begun to realize the importance of establishing their own official website on the Internet."At the same time as building a corporate website, how to choose a stable, easy-to-use, and feature-rich CMS platform is also a key issue that enterprises need to consider.Among many CMS platforms, Anqi CMS is undoubtedly an excellent solution worth choosing for enterprises. Anqi CMS is an open-source enterprise website management system with many advantages, especially suitable for building enterprise websites.First, Anqicms has a wealth of template and plugin resourcesTongliao website construction recommends using Anqi CMS system, compared with other CMS systems, Anqi CMS system has many advantages, mainly that the program is 100% open source, free and open source, which is very convenient for secondary development.The backend management operations are simple and easy to use, which is also very important for enterprises without technical expertise</p>
<span class="text-xs text-gray-400 mt-1.5 block">2023-04-12</span>
</a>
<a href="https://en.anqicms.com/blog/3474.html" class="block p-3 rounded-xl bg-gray-50 dark:bg-gray-800/50 hover:bg-blue-50 dark:hover:bg-blue-900/10 border border-gray-100 dark:border-gray-800/50 hover:border-blue-200 dark:hover:border-blue-800 transition-all group">
<h4 class="text-sm font-medium text-gray-700 dark:text-gray-300 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors line-clamp-2">What content and methods should be known when building an enterprise website</h4>
<p class="text-xs text-gray-400 mt-1 line-clamp-2">Nowadays, in the internet era, the enterprise website has become a window for corporate brand promotion, and building an excellent enterprise website is an issue that every enterprise must face and cannot ignore.So, what are the contents and methods to consider when building an enterprise website? 1. Positioning Before planning an enterprise website, we first need to define the positioning of the website, that is, the theme and design concept of the site, as well as the content and style it is to show.This is the core of website construction and ...-- ==================== FOOTER ==================== -->
<footer class="border-t border-gray-200 dark:border-gray-800 bg-white dark:bg-[#0f172a]">
<div class="max-w-[1440px] mx-auto px-4 sm:px-6 lg:px-8 py-12">
<div class="grid grid-cols-2 lg:grid-cols-4 gap-8">
<div>
<div class="flex items-center gap-2.5 mb-4">
<div class="w-8 h-8 flex items-center justify-center">
<img src="https://en.anqicms.com/uploads/202606/15/2144e205d561d0a5.webp" alt="Anqicms Technology Anqi CMS" />
</div>
<span class="text-lg font-bold text-gray-800 dark:text-gray-100">Anqicms Technology Anqi CMS</span>
</div>
<p class="text-sm text-gray-500 dark:text-gray-400 leading-relaxed">Built with GoLang, memory usage is about 80% lower than PHP-based CMS, supports multiple sites, multilingual, AI intelligent dialogue and tool calls, is the preferred solution for small and medium-sized enterprises to build high-performance websites.</p> <div class=\
al.src = "/api/log?action=views&code=200&id=7076&path=http%3A%2F%2Fwww.anqicms.com%2Fblog%2F7076.html&type=archive&nonce="+Date.now();document.body.appendChild(al);
})();
</script>
</html>