Can the `prevArchive` tag retrieve the `Logo` (large image) field information of the previous document?

As an experienced website operation expert, I am well aware that efficiently utilizing the various functions of the CMS system is crucial for improving website user experience and SEO effectiveness.AnQiCMS (AnQiCMS) provides us with powerful content display capabilities with its flexible template engine and rich tag system.prevArchiveCan the tag retrieve the information of the previous document?Logo(Large image) field information.

In AnQi CMSprevArchiveCan the tag retrieve the information of the previous document?LogoField information? Deep analysis and practical guide

On content-rich websites, guiding users to smoothly browse related articles is the key to improving user experience. Anqi CMS providesprevArchiveandnextArchiveLabel, it is designed to achieve this seamless navigation.They allow developers to easily display links and basic information of the previous or next document on the article detail page.Logowhen specifying theprevArchivetags can meet this requirement?

The answer is affirmative.Of Security CMSprevArchiveThe tag fully supports retrieving the previous document.LogoField information.

Deep understandingprevArchiveThe function of the tag.

prevArchiveTags play a simple and practical role in the template system of AnQi CMS.Its main task is to intelligently find and provide the various data items of the "previous" document in terms of timeline or sorting logic.This makes adding 'Previous/Next' navigation at the bottom or sidebar extremely simple, without complex database queries or logical judgments.

As described in the document, prevArchiveThe usage method of the tag is very intuitive:{% prevArchive prev %}...{% endprevArchive %}It does not require any additional parameters to specify the document ID or filter conditions, the system will automatically identify and load the corresponding previous document data based on the context of the current page toprevIn a variable. If there is no previous document,prevthe variable will be empty, we can elegantly handle this situation with conditional judgment.

LogoField: The key to rich content display

In AnQi CMS,LogoThe field usually refers to the 'cover main image' or 'large image' of the document. It isarchiveDetail

When we look attag-prevArchive.mdThe official documentation, in the section "prevArchive supported fields", it is not difficult to findLogois listed prominently:

  • Document IDId
  • Document titleTitle
  • Document linkLink
  • ...
  • Document cover first imageLogo
  • Document cover thumbnailThumb
  • ...

This explicitly indicates, throughprevArchiveThe document object obtained by the label (here we assume that it isprev), is directly includedLogoThis field, can be directly called in the template.

How to utilizeprevArchiveGet the previous document'sLogo

Since we have confirmedprevArchiveCan getLogoThen the implementation in the template becomes simple and intuitive. Here is an example of how to display not only the title but also the cover image in the "Previous" navigation of the document detail page:

<div class="article-navigation">
  {% prevArchive prev %}
    {% if prev %}
      <a href="{{ prev.Link }}" class="prev-article-link">
        {% if prev.Logo %}
          <img src="{{ prev.Logo }}" alt="上一篇：{{ prev.Title }}" class="prev-article-logo"/>
        {% else %}
          {# 如果上一篇文档没有Logo，可以显示一个默认占位图或者只显示标题 #}
          <img src="/public/static/images/default-logo.webp" alt="默认封面" class="prev-article-logo"/>
        {% endif %}
        <span class="prev-article-title">上一篇：{{ prev.Title }}</span>
      </a>
    {% else %}
      <span class="no-prev-article">没有更早的文档了。</span>
    {% endif %}
  {% endprevArchive %}
</div>

In this example, we first use{% prevArchive prev %}Get the data of the previous document. Next, through{% if prev %}Determine if the previous document exists to avoid potential errors. The most critical step is<img src="{{ prev.Logo }}" alt="上一篇：{{ prev.Title }}" class="prev-article-logo"/>, here it goes directly throughprev.LogoAccessed the cover image URL of the previous document. To improve the user experience, I also added a{% if prev.Logo %}Determine if the previous document has not setLogoIt can display a preset default image to prevent the page from displaying a placeholder when the image is missing.

TranscendLogo:prevArchiveWhat other fields can be provided?

exceptLogo,prevArchiveLabels support a series of commonly used document fields, which enables us to build very rich and practical navigation information. For example:

  • Id: The unique ID of the document, which can be used to build URLs or further queries.
  • Title: The title of the document, which is the most basic navigation information.
  • Link: Full access link to the document, directly pointing to the previous document.
  • Description: Brief description of the document, which can provide more context in the navigation.
  • Thumb: Thumbnail of the document, usually smaller thanLogoSmaller, suitable for compact navigation layout.
  • Views: Document views, can prompt users to popular content.
  • CreatedTime: Document publishing time, can help users understand the timeliness of the content.

The combination of these fields can undoubtedly greatly enhance the richness of internal links on the website and the time users spend on the website.

Practical suggestions for content operation

For website operation, flexible useprevArchiveObtainLogoand rich information will undoubtedly bring significant advantages:

  1. Enhance visual appeal：The traditional plain text 'Previous Article' navigation often lacks appeal. Pairing it with eye-catchingLogo, can quickly grab the user's attention and increase the desire to click.
  2. Improve user experience: Pictures can convey the theme of the content more intuitively, allowing users to quickly determine if the previous document meets their interests, thus facilitating a smoother content exploration.
  3. Strengthen internal links: A navigation link with an image, which often has a better weight transmission effect than a plain text link, helping to improve the overall SEO performance of the website.
  4. Promote the rediscovery of old contentEven if it is a document released earlier, as long asLogowell-designed, it can also焕发新的生命力 in the navigation, be rediscovered and browsed by users.

In summary, AnQi CMS'sprevArchivethe tag is used to get the previous document'sLogoThe field performs well, providing powerful tools for website operators to optimize content navigation and user experience.By using simple template code, we can transform technical capabilities into practical operational strategies, making the website content more vibrant.

Frequently Asked Questions (FAQ)

1. If the previous document has not setLogoField, will the page report an error? How should I deal with it?

It will not directly report an error, but the image position may display a broken image icon. To avoid this, you can use conditional judgment in the template:{% if prev.Logo %}<img src="{{ prev.Logo }}" ...>{% else %}<img src="/path/to/default-image.webp" ...>{% endif %}. In addition, you can also upload a "default thumbnail" in the "Content Settings" of the AnQi CMS backend, so that the system will automatically use it when the document does not specify a thumbnail.

2.prevArchiveandnextArchiveDoes the field obtained by the label match? Can I obtain the next document in the same way?Logo?

Yes,prevArchiveandnextArchiveThese tags are highly consistent in the supported field list. This means you can use `next