How to display the system name configured in the background of AnQiCMS website?

Calendar 👁️ 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>  <div class="mt-12 pt-6 border-t border-gray-200 dark:border-gray-800"> <nav class="flex items-center justify-between gap-4"> <div class="flex-1"> <a href="https://en.anqicms.com/blog/7075.html" class="prev-next-link group flex flex-col items-start 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">Previous</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"> <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="M15 19l-7-7 7-7"></path> </svg> How to display the title and link of the previous and next articles on the article detail page? </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> \n <div class=\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 set of intuitive and powerful template tags, making it effortless 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> <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 front-end page?<h4></h4> <p class="text-xs text-gray-400 mt-1 line-clamp-2">## Easy to handle AnQiCMS template tags: make the website content come alive!</p>In today's digital world, a website that can dynamically display content is much more attractive to visitors and enhances user experience than a static page. AnQiCMS (AnQiCMS) provides us with a powerful and intuitive template tag system, which allows us to flexibly display background data on the website front-end without writing complex code.This is like having a series of magic spells, with just a few taps, the website content can come to life. The template tag design of AnQiCMS draws on the syntax of the 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 is a key factor in achieving flexible content display, improving website maintenance efficiency, and scalability when building a website using AnQiCMS.A well-structured, clear-named template system that not only allows you to easily handle various content types but also lays a solid foundation for future functional expansion.The AnQiCMS template system uses a template engine syntax similar to Django, which makes it very亲切 for those familiar with front-end development.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 philosophy of AnQiCMS aims to help users break free from the constraints of traditional CMS, allowing them to have more freedom in controlling 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 Fetch and Display the Website Logo Image Address in AnQiCMS Templates?In web design, a logo is not just a symbol of the brand, it is also the core of the website's recognition.For content management systems like AnQiCMS, the ability to flexibly call and display the website logo in templates is crucial for improving operational efficiency and maintaining brand consistency.The good news is that AnQiCMS provides a very intuitive and powerful way to dynamically retrieve and display your website's logo image address, 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 website compliance, but also an important way to convey trust and professionalism to visitors.For websites built using AnQiCMS, it is a basic operation to display these key information flexibly and efficiently at the bottom of the website, which is essential for improving user experience and meeting legal and regulatory requirements. ### Set the record number and copyright information in the AnQiCMS background It is very convenient to manage the record number and copyright information of the website in AnQiCMS</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 operation and template development, accurately obtaining and displaying the base 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 need</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 background through AnQiCMS template? </a>In website operation, clearly and accurately displaying contact information is crucial for enhancing user trust and promoting communication and exchange.AnQiCMS provides a convenient backend setting and template calling mechanism, allowing you to easily manage and display these key information. This article will introduce how to configure contact phone numbers and addresses in the AnQiCMS backend, as well as how to obtain and flexibly display this content in website templates. --- ### One, configure the 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> </div>  <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 sm: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="搜外科技安企CMS" /> </div> <span class="text-lg font-bold text-gray-800 dark:text-gray-100">搜外科技安企CMS</span> </div> <p class="text-sm text-gray-500 dark:text-gray-400 leading-relaxed">Based on GoLang, memory usage is reduced by about 80% compared to PHP CMS, supports multi-site, multi-language, AI intelligent conversation and tool calling, is the preferred solution for small and medium-sized enterprises to build high-performance websites.</p>\n <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>