As a senior website operation expert, I have a deep understanding of the powerful functions and flexible template system of AnQiCMS (AnQiCMS).It is not just a content management system, but also a tool that empowers enterprises and content operation teams, especially in terms of content display and management, its core lies in a set of ingeniously designed and feature-rich template tag system.
Today, let's delve deep into the 38 commonly used tags in the Anqi CMS template, see what roles they play, and how they help us easily build and manage all kinds of websites.Without too much embellishment, we will reveal the practical value of these tags with the most natural and fluent language.
1. Global Information and Site Configuration: The Foundation of the Website
First, each website needs some basic information to support its operation and display.AnQi CMS provides a series of tags that allow us to conveniently call these site-level common data in templates.
- System settings tag (
system)This tag is used to obtain the global configuration of the website. For example, if you want to display the website name, filing number, or website logo in the footer,systemThe tag can easily help you achieve this. It allows you to call the site name, Logo image, copyright information, etc., configured in the background, ensuring the consistency of the brand image across the entire site. - Contact information label (
contact): As the name implies, it is used to display the contact information of the website, such as the name of the contact person, phone number, email, address, and even social media accounts (such as WhatsApp, Facebook links, etc.).By using this label, you can ensure that users can quickly find the contact information whenever they need it. - Universal TDK tag (
tdk)In SEO optimization, page title (Title), keywords (Keywords), and description (Description) are crucial.tdkThe tag is born for this, it automatically captures and outputs the corresponding TDK information based on the type of the current page (home page, article detail page, category page, etc.), greatly simplifying the management of SEO elements, and supports customizing website name suffixes, separators, and other details, and can even obtain the canonical link of the page (CanonicalUrl).
Chapter two: Navigation and Structured Display: Guide the user's path
Clear navigation is the soul of user experience, and good structured display can enhance the readability of content.
- Navigation list tags (
navList): The top menu, bottom links, sidebar navigation, and other elements of the website can be accessed throughnavListTags are dynamically generated. They can pull data from the backend configuration navigation menu, support multi-level navigation, and can intelligently judge whether the current page is an active link, thus making it convenient to add highlight styles. - Breadcrumbs navigation tag (
breadcrumb): Breadcrumbs navigation is indispensable to let users know where they are on the website.breadcrumbThe tag can automatically generate the path from the homepage to the current page, supporting custom homepage names and whether to display the current document title, greatly enhancing the usability and user orientation of the website.
Chapter 3: Content Classification and Single Page Management: Organizing the Website's Structure
Content is the core of a website. How to efficiently organize and display different types of content is a problem that every CMS must solve.
- Category list label (
categoryList): Whether it is the content of articles, products, or any other module, it needs to be classified.categoryListThe tag can retrieve the category list under a specified module, supports nested category display at multiple levels, and can also display the child categories or同级categories under a certain parent category as needed. It is an ideal choice for building a multi-level content system. - Category detail tag (
categoryDetail)When you need to display detailed information about a specific category (such as the category name, description, Logo, Banner image, and even the number of documents under the category),categoryDetailThe label can be put to good use. It allows each category page to have unique and rich content. - Single page list label (
pageList)For pages such as "About Us" and "Contact Us" that are independent and do not belong to any category, we call them single pages.pageListTags can retrieve all or filtered single-page lists, convenient for displaying them in the footer or sidebar. - Single-page detail tag (
pageDetail)If you want to display the content of a specific single page in the template, such as its title, content, images, etc.pageDetailThe tag can accurately locate and extract the required data, allowing each independent page to be flexibly customized.
4. The core display of dynamic content (articles/products): the flesh of the website.
This is the largest and most commonly used part of the Anqi CMS template tags, focusing on the presentation of dynamic content such as articles, products, etc.
- Document list tag (
archiveList)This is the core tag on the content list page, which can retrieve lists of articles or products based on various conditions (such as category ID, model ID, recommendation attributes, sorting method, display quantity, etc.). Whether it is the latest articles, hot products, recommended content, or paginated search results, ...archiveListCan be flexible. It also covers.related document tagfunction, through.type="related"Parameter intelligent recommendation of related content, enhance user stickiness. - Document details tag (
archiveDetail): When the user clicks to enter an article or a product page,archiveDetailThe tag is responsible for displaying all details. It can obtain the title, content, thumbnail, multi-image group, views, comments, and publishing time, etc., even including various custom fields in the background, and supports lazy loading of images in the content, Markdown rendering, and the combined comparison display of multiple documents. - Previous document label (
prevArchive)/Next document label (nextArchive)These two tags can automatically identify the previous and next content of the current document, and provide their titles and links, making it convenient for users to seamlessly jump to other related content after reading an article, optimizing the reading experience and the connection between content. - **Document Parameters