How to use the recommended attributes (H, C, F, A, S, P, J) of AnQi CMS document and what impact does it have on front-end display?

As an experienced security CMS website operation personnel, I fully understand the core position of content in website operation.The document recommendation feature provided by Anqi CMS is a powerful tool that helps us efficiently manage and optimize content, accurately reach users, and thus enhance the website's performance.These attributes are not only tags for content classification, but also the key to guiding the front-end content display and optimizing the user experience.

The essence and importance of content recommendation attributes

In Anqi CMS, content recommendation attributes (H, C, F, A, S, P, J) are special identifiers assigned to documents, allowing operators to classify and prioritize content more finely.These properties are designed to help us place different content in specific areas of the website's front page, or present it in a specific visual style to meet the needs of website design and operation strategy.For example, an important news article may need to be displayed as a 'headline', while a product case study may be marked as a 'slide' in the homepage carousel.The role of these properties is not to directly define the style of the content, but to provide a logical filtering condition so that the front-end template can select and organize the content according to these identifiers.

Application of recommendation attributes in backend management

In the Anqi CMS backend content management interface, when we create or edit a document, we will see the option 'Recommended Properties'. Here is a list of all available property tags:

• Headline [h]
• Recommend [c]
• Slide [f]
• Special recommendation [a]
• Scroll [s]
• Image [p]
• Jump [j]

The operator can select one or more properties for the document based on its characteristics and promotional needs.For example, a recent important news, we can check both 'Headline [h]' and 'Recommend [c]' at the same time;An advertisement that requires the user to click to jump to an external page may only choose 'Jump [j]'.It is noteworthy that while the document can set multiple recommended attributes, when the front-end template is called, a content list area usually filters based on a single attribute, such as 'Display Headline Article List' or 'Display Recommended Article List'.

The profound impact of front-end display

The influence of recommended properties on front-end display is reflected in their content organization and user visual guidance. They are the basis for content selection and layout of front-end templates.

Headline [h]: Content marked as 'Headline', usually representing the most important and most concerned information on the website.On the front end, this kind of content often occupies the most prominent position on the homepage, such as the top large image of the page, the prominent title area, or highlighted with large font size and special colors, aiming to capture the visitor's attention at the first time.It guides users to focus on the current website's featured events or core products.

Recommend [c]This is the most common recommended attribute, used to mark important content.On the front end, this content may appear in the "Hot Recommendations" sidebar, the "Editor's Recommendations" block on the article list page, or the "Related Recommendations" at the bottom of the content detail page, and so on.They are usually presented in the form of small cards, text links, or thumbnail + title, aimed at increasing content exposure and guiding users to explore more relevant or high-quality content.

Slide [f]This property is designed specifically for Carousel (Carousel or Slider).Content marked as "slideshow", which is usually accompanied by high-quality images as covers and displayed in a dynamic carousel at the top of the homepage or specific category pages.It attracts users with visual impact and provides an efficient space to display multiple important promotional messages or content.

Special recommendation [a]Similar to 'recommended [c]', but 'special recommendation' usually means higher priority or more unique recommendation value.The front-end may allocate a more prominent display area for 'Featured' content compared to 'Recommended' content, such as listing it separately in a specific section or using more attractive layouts and styles to emphasize its uniqueness.

Scroll [s]This attribute is commonly used for news ticker, instant message scroll bar, or bulletin board.Content marked as 'scrolling' is usually presented in a horizontal or vertical scrolling manner on the front page. It is concise and to the point, aiming to quickly convey updates, emergencies, or ongoing information without occupying a large amount of page space.

Image [p]When the content is mainly visual elements, the 'Image' attribute will be used.This content is suitable for highlighting its image in a photo gallery, illustrated list, or product display block.When the front-end template calls this type of content, it will focus more on displaying its thumbnail or group of images instead of plain text descriptions, to enhance visual appeal.

Jump [j]: As the name implies, the 'jump' attribute is used to mark the content that should jump directly to another page or external link when clicked.This content usually does not require too much text or image detail, but is an entry point to guide users to take action (such as "click to buy", "learn more")The front-end can display it as a simple button, link, or an entry with a brief description.

Implementation of the template technology

In the Anqi CMS template file, front-end developers will usearchiveListtags, combined withflagParameters are used to call documents with specific recommended properties. For example, to display all articles marked as "slideshow" in a region, the template code might be something like:

{% archiveList archives with type="list" flag="f" limit="5" %}
    {% for item in archives %}
        <div class="carousel-item">
            <img src="{{item.Logo}}" alt="{{item.Title}}">
            <h3><a href="{{item.Link}}">{{item.Title}}</a></h3>
        </div>
    {% endfor %}
{% endarchiveList %}

This code tells Anqi CMS to query all documents with the attribute "Slide [f]" from the database and display their titles, links, and logo images in a carousel structure.The specific style and animation effects are determined by the front-end CSS and JavaScript code.

By flexibly using these recommended attributes, website operators can better organize content, enhance the browsing experience of users on the website, and effectively guide traffic and user behavior according to operational objectives.

Frequently Asked Questions (FAQ)

1. Have I set the 'Headline[h]' and 'Recommend[c]' attributes for an article at the same time, will they both be displayed in the headline area and the recommendation area?

Yes, if your front-end template has separately set the callflag="h"andflag="c"In the list area, this content will appear in both areas. Recommended properties are tags of content across different dimensions that are not mutually exclusive.

Why did I set the recommendation attribute, but there was no change on the front page?

Recommended properties require the cooperation of the front-end template to take effect. If there is no change on the front desk, there may be the following reasons: first, your template has not written the corresponding code to call the content of these properties; second, the calling method in the template is incorrect (for exampleflagThe parameter is not set or set incorrectly); the third is that there may be a cache, try refreshing the page after clearing the cache.

3. What is the difference between the 'image[p]' attribute and inserting an image in the article?

“Picture[p]” is a recommended attribute that tells the front-end template that this content is suitable for display with pictures at the core, such as in a picture list or gallery. It is a type of contentDisplay type preferenceHowever, inserting images into the article is just a part of content editing, even if the 'image[p]' attribute is not set, the article content itself can still contain images.Whether to set the "[p] image" mainly depends on how you want the content to be displayedFilter and display.