How to set the website logo and filing number of AnQiCMS so that it can be displayed 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 can be displayed correctly on the website's front-end page.

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

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

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

  1. Enter the backend 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 is collected the basic configuration information of the website.
  3. Upload the 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 pay attention to the image size to ensure clear display on different devices while also considering the website loading speed.After the image is uploaded successfully, the system will display the preview of the uploaded Logo.

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

Step 2: Fill in the website record number on 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 AnQiCMS backend's 'Background Settings' -> 'Global Settings' page.
  2. Please fill in the record number:Find the item "Record number" on the page. Enter your website record number here, for example, "Shanghai ICP preparation XXXXXXXXXX number".Please note that you usually only need to fill in the filing number itself, without including suffixes such as 'ICP' or '-1', and the system will automatically add links when displayed on the front end.
  3. Save settings:Whether it is setting the Logo or the filing number, after the modification is completed, please be sure to click the "Save" or "OK" button at the bottom of the page to ensure that your changes take effect.

The website's logo and the basic information of the filing number have been configured in the AnQiCMS backend.

Step 3: Make sure the website's 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 through template tags.AnQiCMS uses a concise 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 a similarly named public header file)systemTag to call it.

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

In this code block:

  • {% system with name="SiteLogo" %}The URL address of the Logo image you uploaded on the backend will be output.
  • alt="{% system with name="SiteName" %}"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 website accessibility.

Call the website registration number:

The registration 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 query 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"Opening the link in a new window.
  • {% now "2006" %}Is a practical tag for dynamically obtaining the current year, combined{% system with name="SiteName" %}Website name, it can be easily used to build complete copyright information.

Note:

  • Location of the template file: Generally, these global elements are placed in the template directory(/template) under the public files of the template theme you are currently using, for examplepartial/header.htmlorpartial/footer.htmlThen proceed{% include "partial/header.html" %}Introduce in various pages.
  • Clear cache:After completing the setup and template modifications, to ensure that the front-end page updates in a timely manner, it is recommended that you click the "Update Cache" button in the AnQiCMS backend and clear the browser cache.

By following these steps, your website's logo and备案number can be displayed correctly and professionally on the AnQiCMS frontend page.

Frequently Asked 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 in the AnQiCMS backend management interface, and also 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, as well as whether the template file is correctly saved and effective.

Q2: The registration number is displayed at the footer of the website, but I want it to link to the MIIT website for easy user query, can AnQiCMS achieve this? A2: Of course you can. In the example code for the front-end call number introduced in the third step, we have provided the complete link call method.Make sure your template file uses similar<a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">{% system with name="SiteIcp" %}</a>The code structure, among whichhttps://beian.miit.gov.cn/This is the official website for Ministry of Industry and Information Technology (MIIT) record 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.

  • Logos of different sizes:You can define different styles for the Logo image in CSS for different screen sizes (through media queries), or upload a small Logo optimized for mobile devices on the backend, and display it selectively through conditional judgment 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. However, please note that according to laws and regulations, the filing number generally needs to be displayed throughout the site.