How to set website Logo and filing number in AnQiCMS so that they display correctly on the front-end page?

During the process of building a website, the brand identity (Logo) and the necessary compliance information (record number) are indispensable elements.They can not only enhance the professionalism and credibility of the website, but also provide clear guidance to users.AnQiCMS as an efficient content management system, provides an intuitive and convenient way to set this information, and ensures that it is displayed correctly on the front-end pages of the website.

Next, we will learn in detail how to set the website logo and filing number in AnQiCMS.

Step 1: Set the website logo in the AnQiCMS backend.

The website logo is the visual core of the brand, usually located in a prominent position at the top of the website. Setting the logo in AnQiCMS is very simple:

  1. Enter background settings:First, log in to your AnQiCMS admin interface. Find and click the 'Admin Settings' option in the left navigation bar.
  2. Access global feature settings:Under the “Background Settings” menu, select “Global Settings”. Here, you can find the basic configuration information of the website.
  3. Upload website Logo:In the global settings page, you will see an option named "Website Logo".Click the upload button and select the Logo image file you have prepared.Suggest using high-resolution images and paying attention to the image size to ensure clear display on different devices while also considering the website loading speed.The system will display the preview of the uploaded Logo after the image is uploaded.

After completing these steps, the Logo image has been successfully stored in the AnQiCMS system.

Step 2: Fill in the website record number in the AnQiCMS backend.

For websites operating in mainland China, the filing number is an essential legal requirement, which is usually displayed in the footer of the website. AnQiCMS also provides a dedicated area to manage this information:

  1. Go to the global function settings again:Still on the "Background Settings" -> "Global Settings" page of AnQiCMS background.
  2. Fill in the record number:Find the item "Record number" on the page.Enter your website filing number here, for example, "Shanghai ICP for XXXXXXXXXX.Please note that usually only the filing number itself needs to be filled in, without including suffixes such as 'ICP' or '-1', and the system can automatically add links when displayed on the front end.
  3. Save settings:Whether setting Logo or filing number, after modification, please be sure to click the "Save" or "Confirm" button at the bottom of the page to ensure that your changes take effect.

The basic information of the website Logo and filing number has been configured in the AnQiCMS backend.

Step 3: Ensure that the website front-end page is displayed correctly.

After the background settings are completed, this information needs to be called and displayed on the front-end page of the website using template tags.AnQiCMS uses a simple template tag syntax, making this process very intuitive.

Call website Logo:

The website logo is usually placed in the header or navigation bar area of the website. You can use it in the website template (usually)base.htmlor similarly named public header file) usingsystemthe tag.

{# 示例代码：调用网站Logo #}
<a href="/">
    <img src="{% system with name="SiteLogo" %}" alt="{% system with name="SiteName" %}" />
</a>

In this code block:

  • {% system with name="SiteLogo" %}It will output the URL address of the Logo image you uploaded on the backend.
  • alt="{% system with name="SiteName" %}"Then, it will call the "Website Name" you entered in the global settings as the alternative text for the logo image, which helps improve SEO and the accessibility of the website.

Call the website record number:

The record number is usually located in the footer area of the website. Similarly, you can usesystemLabel it and add a link to the Ministry of Industry and Information Technology filing inquiry website to enhance its authority and credibility.

{# 示例代码：调用网站备案号码 #}
<p>
    <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">
        {% system with name="SiteIcp" %}
    </a>
    &copy; {% now "2006" %} {% system with name="SiteName" %}. All Rights Reserved.
</p>

In this code block:

  • {% system with name="SiteIcp" %}It will display the filing number you filled in the background.
  • href="https://beian.miit.gov.cn/"Provided an external link to the MIIT website for the filing number.rel="nofollow"Tell the search engine not to track this link,target="_blank"Opened the link in a new window.
  • {% now "2006" %}Is a practical tag for dynamically obtaining the current year, combined with{% system with name="SiteName" %}Website name, it can be conveniently used to build complete copyright information.

Caution:

  • Template file location:Generally, these global elements are placed in the template directory/templatein the public files of the template theme you are currently using, for examplepartial/header.htmlorpartial/footer.htmland then through{% include "partial/header.html" %}Introduce to each page in this way.
  • Clear the cache:After completing the settings and modifications of the template, to ensure that the front-end page can be updated in time, it is recommended that you click the "Update Cache" button in the AnQiCMS background and clear the browser cache.

Through these steps, your website's Logo and record number can be displayed correctly and professionally on the AnQiCMS front page.

Common Questions (FAQ)

Q1：I uploaded the website logo and also correctly called it in the template, why is the front-end page still not displaying or displaying the old logo? A1:This is usually caused by caching.Please click the 'Update Cache' button on the AnQiCMS backend management interface, and clear your browser cache (or try accessing in incognito mode).If the problem still exists, please check if the path of the Logo image is correct, and whether the template file is correctly saved and effective.

Q2: The registration number is displayed in the footer of the website, but I hope it can link to the MIIT website for user inquiries, can AnQiCMS achieve this? A2：Of course, you can.In the example code for the front-end call number provided in the third step, we have already provided the complete linked call method.<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">{% system with name="SiteIcp" %}</a>the code structure, wherehttps://beian.miit.gov.cn/This is the official website for the MIIT filing query.

Q3: I want the Logo to display different sizes on mobile and PC, or hide the record number on specific pages. Can AnQiCMS support this customization? A3:AnQiCMS's template system is very flexible, fully supporting this customization requirement.

  • Different size Logos:You can define different styles for the Logo image for different screen sizes (through media queries) in CSS, or upload a smaller, optimized Logo for mobile devices on the backend, and display it selectively through conditional judgments or JavaScript.
  • Hide the record number:The record number is usually displayed throughout the site. If you need to hide it on a specific page, you can use conditional logic in the template file of that page.{% if ... %}）to decide whether to render the HTML code related to the filing number. But please note that according to laws and regulations, the filing number generally needs to be displayed throughout the site.