How to set up the website logo and filing number and ensure they are displayed correctly on the page?

SecureCMS: Guide to Setting Website Logo and Filing Number Display on Page

A professional and compliant website cannot do without a clear brand identity (Logo) and necessary legal information (such as the filing number).EasyCMS provides you with a convenient way to manage these important website elements and ensure they are displayed correctly on the page.This article will give a detailed introduction on how to set your website logo and filing number in AnQi CMS backend, as well as how to correctly reference them in the website template.

1. Set up in the background

First, you need to log in to the AnQi CMS admin interface and find the website basic information setting area.

  1. Enter the global settings pageAfter logging in to the backend, please find the [Backend Settings] in the left navigation bar, click to enter, and select the [Global Settings] page.This page includes all the basic configurations necessary for the website to run.

  2. Set the website logoIn the [Global Settings] page, you will see an option named [Website Logo].Click the corresponding upload button to select and upload your website Logo image.It is recommended to choose a high-quality logo file with a transparent background to adapt to different website designs.After uploading successfully, the system will automatically save and apply the new Logo image.

  3. Set the filing numberImmediately, you will see the input box for the [Record Number]. If your website has completed the MIIT filing, please fill in your filing number here, for example, 'Guangdong ICP No. XXXXXXXXXX.'Please note that when filling in here, you do not need to manually add suffixes such as “-1” for record filing, the system usually handles the format.The filing number is an important symbol of the legal and compliant operation of a website, please fill it in accurately.

After completing the setup of the Logo and record number, remember to check if there is a save button on the page to ensure that your changes have taken effect.

2. Call and display in the template

Just setting up the Logo and filing number in the background is not enough, they will not appear automatically on your website.You need to correctly reference this information in the website template files so that it can be displayed on the front page.In most cases, the logo is displayed at the top of the website (header), while the record number is often found at the bottom (footer).

The AnQi CMS provides a concisesystemtag to retrieve this global settings information.

  1. of calling the website logoThe website's logo is usually placed at the top of the<header>area. In your template file (for examplebase.htmlorheader.htmlYou can use the following code to refer to the Logo set in the background:

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

    here,{% system with name="SiteLogo" %}The URL of the Logo image you uploaded on the backend will be directly output. At the same time, in order to optimize the website's SEO and accessibility, we recommend that you usealtProvide descriptive text for the image,{% system with name="SiteName" %}which will output the website name you set in the [Global Settings].

  2. Call the record numberThe record number is usually placed in the footer area of the website. In your template file (for examplebase.htmlorfooter.html), you can use the following code to display the record number:

    <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 output the record number you filled in back-end. For the convenience of visitors, we usually link it to the MIIT record query platform (https://beian.miit.gov.cn/), and addrel="nofollow"andtarget="_blank"Attributes to comply with SEO**practices and user experience.{% now "2006" %}It will automatically display the current year, while{% system with name="SiteName" %}It then calls the website name again, forming the complete copyright information.

By following these steps, your website's logo and filing number will be displayed correctly on the page.If you find that the settings do not take effect immediately after they are set, please try clearing the browser cache and the cache on the website background, and it usually solves the problem.

Frequently Asked Questions (FAQ)

  1. Why did I upload the Logo but it does not display or displays incorrectly on the front page?First, make sure you have uploaded and saved the Logo successfully in the background [Global Settings]. Second, check if the template file of your website (usuallybase.htmlorheader.html) uses the correct{% system with name="SiteLogo" %}Label to call. If the code is correct, please try to clear your browser cache and the cache of the Anqicms backend (find the option Update Cache in the backend menu).In addition, check if the image file format is supported by the browser, or if there is a problem with the image size being too large and causing the loading to fail.

  2. My record number has been filled in the background, why is the footer not displayed?Please confirm whether you are in the website template file (usually)base.htmlorfooter.html){% system with name="SiteIcp" %}Label. If not added, the filing number will not be displayed naturally.If added, please check if the label spelling is correct and try clearing the browser and background cache.Sometimes, the copyright information may be accompanied by the record number, which can be{% now "2006" %}(Get the current year) and{% system with name="SiteName" %}(Get the website name) tag to implement.

  3. Why does the image I uploaded automatically convert to WebP format? Will this affect the display of the Logo?The AnQi CMS has built-in optimization features, which may have enabled the options such as 'whether to start Webp image format' or 'whether to automatically compress large images' in the 'Background Settings' - 'Content Settings'.When these options are enabled, the system will automatically convert uploaded JPG/PNG images to WebP format to reduce file size and improve website loading speed.The WebP format is widely supported by modern browsers and usually does not affect the display of the logo.If your Logo displays abnormally after converting to WebP, you can try disabling these content optimization settings, or directly upload a WebP formatted Logo file.