How to display the website logo, filing number, and copyright information on the frontend page?

The website's logo, filing number, and copyright information are the three essential elements that constitute a professional, trustworthy online image.They not only help with brand identification and promotion, but also are an important embodiment of complying with laws and regulations and enhancing the credibility of the website.As a system designed specifically for small and medium-sized enterprises and content operation teams, AnQiCMS (AnQiCMS) understands the importance of these details and provides an extremely convenient way to manage and display them.

Below, let's take a look together at how to elegantly display your Logo, filing number, and copyright information on the front end of the Anqi CMS website.


Step 1: Configure the information in the background.

All website's basic information, including Logo, filing number and copyright statement, can be managed uniformly in the AnqiCMS backend.

  1. Log in to the backend and go to the global settings.First, you need to log in to your AnQi CMS admin interface. In the left navigation menu, find and click on the “Backend settingsSelect thenGlobal Settings”. This is where you configure the core information of the website.

  2. Upload Website LogoOn the "Global Settings" page, you will see a name called"Website LOGO

  3. Enter the record numberIf your website has been registered in Mainland China, please fill in the registration number accurately in theRecord numberIn the "value" field, for example, "Beijing ICP preparation No. 12345678". Anqi CMS will automatically identify and process the filing number to generate clickable links on the front end, pointing to the National Ministry of Industry and Information Technology Government Service Platform (beian.miit.gov.cnThis is very helpful for enhancing the credibility of the website and is a legal requirement.

  4. Set copyright informationIn theCopyright informationIn the " field, you can fill in the copyright statement of the website, for example, "© 2023 你的公司名称. All Rights Reserved..This field is very flexible, it supports HTML content, which means you can add bold, links, even some simple styles, making your copyright statement richer and more personalized.

  5. Save configurationDon't forget to click the button at the bottom of the page after completing all settings,Saveto ensure your configuration takes effect.


Second step: call the information in the front-end template

After the back-end information configuration is complete, the next step is to display this information on the website front-end.The Anqi CMS uses Django template engine syntax, making content calls very intuitive.bash.htmlfile.

We will use the built-in of Anqi CMS.systemLabel to get these global settings.

  1. Show website logoThe logo is usually placed at the top of the website and is often used as the link to the homepage. You can call it in the template with the following code:

    <a href="{% system with name='BaseUrl' %}" class="header-logo">
        <img src="{% system with name='SiteLogo' %}" alt="{% system with name='SiteName' %}">
    </a>
    

    here,{% system with name='BaseUrl' %}Used to obtain the root address of the website, so that the Logo can click back to the homepage;{% system with name='SiteLogo' %}It will display the Logo image you uploaded; andalt="{% system with name='SiteName' %}"It is a good SEO practice, it will use the website name as alternative text for the Logo.

  2. Display the record numberThe record number is usually located at the bottom of the website and needs to point to the MIIT record query website. You can add similar code to your footer template.

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

    {% system with name='SiteIcp' %}Automatically retrieves the record number filled in on your backend.rel="nofollow"andtarget="_blank"It is a recommended attribute, the former tells the search engine not to track this link, and the latter ensures that the link opens in a new window.

  3. Displays copyright informationCopyright information is often found in the footer of websites. If you fill in HTML content in the "Copyright Information" field in the back-end (for example, it includes<strong>Label or link), remember to use it when calling the template|safeA filter that allows the browser to parse and display it correctly, rather than displaying the HTML code directly. At the same time, we can also dynamically display the current year to keep the copyright information up to date.

    <footer>
        <p>{% system copyrightText with name='SiteCopyright' %}{{ copyrightText|safe }}</p>
        <p>Copyright © {% now "2006" %} {% system with name='SiteName' %}. All Rights Reserved.</p>
    </footer>
    

    In this example,{% system copyrightText with name='SiteCopyright' %}{{ copyrightText|safe }}Get and safely display your custom copyright text. And{% now "2006" %}It will dynamically output the current year, saving the trouble of manual updates every year.{% system with name='SiteName' %}The website name was called again to make the copyright information more perfect.



Frequently Asked Questions (FAQ)

1. Why did I set the Logo image in the background, but it doesn't display on the front-end page?In this case, please check several places first:

  • Did the image upload successfully:Confirm that the Logo image has been uploaded and saved in the background "Global Settings".
  • Template tags are correct:Check your frontend template file (such asbash.htmlor header/footer file), whether the{% system with name='SiteLogo' %}tag is used correctly. The case and spelling of the tag must be completely accurate.
  • Clear the cache:Try to clean up the "Update Cache" in the Anq CMS background, and also clear your browser's cache, or use private mode to access to ensure that the latest content is loaded.

2. What format should I fill in my filing number? Do I need a suffix?-1Do I need a suffix?You just need to fill in the "record number-1Append any suffix. The system ensures that the display and link are correct.

3. If I use HTML tags in the copyright information (for example<strong>),But the front-end directly displayed the code instead of the parsed effect, what should I do?