How to display the system-level configuration such as the website logo, filing number, copyright information, etc?

The brand logo, legal statements, and core contact information of the website, such as the registration number and copyright information, are an indispensable part of the professional image of the website.They not only convey trust and normativeness to visitors, but also are important links for search engine optimization and legal compliance.In the AnQi CMS, managing and displaying these system-level configurations becomes extremely intuitive and efficient.

Backend settings: the 'control center' of website information

Auto CMS gathers these core website information in the "Global Settings" on the backend, making management clear at a glance.

Firstly, you can log in to the AnQi CMS backend management interface, find and click "Backend SettingsThis gathers the most basic and most important system-level configuration items of the website.

  1. Website Logo (SiteLogo)The website's logo is the core of the brand image.On the “Global Settings” page, you will see the item “Website Logo”.Click the upload button to upload your meticulously designed logo image and apply it to the website.The CMS usually provides image management functions, you can select from the library of uploaded images, or directly upload new images.

  2. Website Record Number (SiteIcp)： For websites operating in mainland China, the filing number is a legal requirement.In the "Record NumberThe Anqi CMS usually automatically generates a link to the Ministry of Industry and Information Technology filing query website when called in the front-end template, ensuring compliance.

  3. Copyright Information (SiteCopyright)： Copyright information is typically found in the footer of a website, stating the ownership of the content.In the "Copyright Content All Rights Reserved.”。If you want the year to be automatically updated, Auto CMS also provides a convenient template tag to achieve this function.

In addition to the core information mentioned above, you will also see other important configurations in the "Global Settings", such as:

  • Website Name (SiteName)This is usually used for website titles and logos.altProperties and other places where the website name needs to be displayed.
  • Website Home Page Address (BaseUrl)This is the root domain name or access address of the website, which is crucial for generating correct internal links and resource paths.
  • MobileUrl (Mobile Address)If your website has a separate mobile domain, it can be set here.
  • Template static file address (TemplateUrl)This address is used to build the path for static resources such as CSS, JS, images, etc. referenced in the template.
  • Custom ParametersIf the existing fields do not meet your specific needs, such as adding a specific website slogan or customer service hotline, you can add new configuration items through "Custom Settings Parameters", name and assign them values, greatly enhancing the flexibility of the system.

Front-end display: Let information leap onto the screen

In the Auto CMS, displaying the system information configured in the backend on the website front-end is very simple. This mainly depends on its powerful template tag system, especially{% system %}Labels. This label can help you easily obtain and display all the information defined in the "Global Settings" within templates.

You can do so in template files by the following methods (such as usually located in the following)template/您的模板目录/partial/footer.htmlThe footer file orbase.htmletc) to call these information:

  1. Display the website logo You may need to display the Logo at the header or footer of the website. Combined with the website name asaltproperty, it can be written as:

    <img src="{% system with name="SiteLogo" %}" alt="{% system with name="SiteName" %}" />

    Here,srcAttribute gets the address of the uploaded Logo imagealtAttribute gets the website name, which is helpful for SEO and accessibility

  2. Show the filing number： The registration number usually contains a link to the MIIT website. Here is a typical call example:

    <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">{% system with name="SiteIcp" %}</a>

    rel="nofollow"The attribute tells the search engine not to track this link,target="_blank"Let the link open in a new window.

  3. Display copyright information: Copyright information usually includes the company name and year. To automatically update the year, you can use{% now "2006" %}a tag to get the current year:

    <div>
    {% system with name="SiteCopyright" %} &copy; {% now "2006" %}.
</div>

    Please note that if your copyrighted content already includes the year, it can be omitted{% now "2006" %}If the 'Copyright Content' field supports HTML and you have entered HTML content in the background, it may be necessary to use{{ SiteCopyright|safe }}to prevent the HTML from being escaped.

  4. Build website base links and static resources paths:BaseUrlandTemplateUrlTags are very useful when building internal links of the website and introducing static resources:

    <link href="{% system with name="TemplateUrl" %}/css/style.css" rel="stylesheet">
<a href="{% system with name="BaseUrl" %}">返回网站首页</a>

  5. Invoke custom parameters： If you have added custom parameters in the "Global Settings" in the background, for example, a parameter namedHelpUrllink to the help center, you can call it like this:

    <a href="{% system with name="HelpUrl" %}">获取帮助</a>

Practical Exercise: A typical footer layout

Through these tags, you can easily build a footer that includes all necessary system information. For example:

<footer>
    <div class="container">
        <div class="footer-logo">
            <a href="{% system with name="BaseUrl" %}">
                <img src="{% system with name="SiteLogo" %}" alt="{% system with name="SiteName" %}" />
            </a>
        </div>
        <div class="footer-info">
            <p>{% system with name="SiteCopyright" %} &copy; {% now "2006" %}.</p>
            <p><a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">{% system with name="SiteIcp" %}</a></p>
            <p>联系我们：<a href="mailto:{% contact with name="Email" %}">{% contact with name="Email" %}</a></p>
            {%- system customFooterText with name="CustomFooterText" %} {# 假设您自定义了一个页脚文本参数 #}
            {%- if customFooterText %}
            <p>{{ customFooterText|safe }}</p>
            {%- endif %}
        </div>
    </div>
</footer>

Common Questions (FAQ)

  1. Q: Why doesn't the front page update immediately after I modify the Logo or filing number in the background?A: This is usually caused by caching.Firstly, you can try to click the "Update Cache" feature in the Anqi CMS backend to clear the system cache.Next, the browser may also cache the website content. You can try clearing the browser cache or accessing the website in incognito mode to view the updated effect.

  2. Q: If my website has multiple language versions, can each language version have a different Logo or record number?A: EnglishCMS supports multi-site management and multi-language features. If you create independent sites for different languages (such asen.yourdomain.comandcn.yourdomain.com），then each site can configure independent Logo, filing number and other information in their respective "global settings".If you are implementing multi-language through template logic on the same site, you can consider using 'Custom Setting Parameters' combined with conditional judgments in the template.

  3. Q: Besides Logo, filing number and copyright information, can I also obtain some common system-level information through{% system %}Tags?A:{% system %}The tag is very powerful, in addition to the information mentioned above, you can also obtain