How to set a default thumbnail to ensure that documents without uploaded images also have a unified display?

When using AnQi CMS to manage website content, we often encounter situations where some articles, products, or pages may not have uploaded dedicated thumbnails due to insufficient content or negligence.This does not make the website page look professional and unified, and may also affect the user's desire to click on the content.Luckily, AnQi CMS provides a very practical feature that can permanently solve this problem - that is, setting a default thumbnail to ensure that even if documents do not upload separate images, they can still have a unified and beautiful display effect.

Why is it necessary to set a default thumbnail?

Setting a default thumbnail for a website can bring many benefits.Firstly, it greatly enhanced the visual consistency and professionalism of the website.When the user browses your website, they will always see a placeholder image regardless of whether the document has uploaded an image, avoiding the page blank or layout disorder caused by missing images, thus providing a smoother and more pleasant user experience.

Secondly, this is also a plus point for content operation and SEO.A unified thumbnail can make a website more visually appealing when displayed on search engine results pages (SERP) or shared on social media, thereby increasing click-through rates.In addition, it can also alleviate the pressure of finding or creating thumbnails for each document when you publish content, improving work efficiency.

How to set the default thumbnail in AnQi CMS?

The process of setting the default thumbnail in Anqi CMS is very intuitive, you just need to perform simple operations in the "Content Settings" backend.

1. Enter the content settings:First, please log in to your Anqicms CMS backend. In the left navigation bar, you will see the "Backend Settings" menu, click to expand and select "Content Settings."}

2. Find the default thumbnail option:After entering the "Content Settings" page, scroll down and you will find an option named "Default Thumbnail". This setting is specifically used to handle documents that do not have a specific thumbnail.

3. Upload or select a default image:In the "default thumbnail" settings area, you will see a button to upload or select an image.

   • If you have a picture ready to be used as the default thumbnail, you can directly click the button to upload.
   • If your image is already in the Anqi CMS image resource library, you can also click to select and pick from existing images. It is recommended to choose a general image that represents the theme or brand image of your website as the default thumbnail.

4. Save settings:After selecting or uploading an image, don't forget to click the 'Save' button at the bottom of the page to ensure your changes take effect.

So far, you have successfully set a default thumbnail for the website.In the future, when a document does not have an uploaded thumbnail and there is no first image available for the system to automatically extract, the system will automatically display the default thumbnail you have set here.

Further optimize the thumbnail display effect.

In addition to setting the default thumbnail, the "Content Settings" page also provides other powerful features related to thumbnails that can help you finely control the display effect of website images:

• Thumbnail size:You can set an appropriate thumbnail size here based on the design requirements of the front-end page (for example, 200x150 pixels).Set the appropriate size to effectively reduce the image size, speed up page loading, and improve user experience.
• Thumbnail processing method:The AnQi CMS provides three flexible thumbnail processing methods to meet different design scenarios:
  • Scale proportionally to the longest side:This way will display all sides of the image completely, maintaining the original image ratio, ensuring that the image does not distort.
  • Pad to the longest edge:The image width and height will be fixed, the image will be centered, and the unused parts will be filled with white (or other specified color), suitable for scenes that require strict uniform dimensions.
  • Trim to the shortest edge:The image will be cropped to the center, the shortest edge will be displayed in full, and the longest edge will be cropped to match the shortest edge.If your images are often irregular in shape but you need to display them in a uniform square or fixed aspect ratio, this method can keep the center content of the image from being cropped, but there may be some loss at the edges.

When you adjust the thumbnail size or processing method, you can use the 'Batch Regenerate Thumbnails' feature to process existing images on the website according to the new settings in bulk, ensuring that all thumbnails remain consistent.

The application of default thumbnails in the template

When you call the thumbnail of the document in the template, for example, using{{item.Thumb}}or{{archive.Thumb}}tags, Anqicms will intelligently match and display images according to the priority:

1. Show the uploaded document thumbnail first:If the document thumbnail has been manually uploaded, display the image.
2. Next, automatically extract images from the document content:If the document does not manually upload a thumbnail but its content contains images, the system will automatically extract the first image as a thumbnail.
3. Finally, use the default thumbnail:Only when neither of the above two conditions is met, the system will automatically call the default thumbnail you set in the background.

This intelligent priority mechanism ensures the flexibility of content display and the ultimate visual consistency.By simple configuration, you can make your safe CMS website say goodbye to the chaotic display of pictures, presenting a more professional and beautiful browsing experience to users.

Frequently Asked Questions (FAQ)

Q1: If I set a default thumbnail but then upload a dedicated image for a document, which one will be displayed first?A1: If you upload a dedicated thumbnail for a document, the system will prioritize displaying the image you uploaded.The default thumbnail is only effective when the document does not have a dedicated thumbnail and no images are included in the content, ensuring the personalized display of the content.

Q2: After setting the default thumbnail, will it affect the display of images in the article content?A2: No. The default thumbnail only affectsThumbnailThe display, i.e., article lists, card displays, and other scenarios that require small picture previews.It does not change the display style or size of the images in the main text of the article.The image in the article content will be displayed according to the settings you inserted in the editor.

Q3: Can I set different default thumbnails for different types of content (such as articles, products)?A3: According to the current settings of Anqi CMS, the 'default thumbnail' provided in the 'Content Settings' of the backend is a default setting for the entire site, which will be applied to all documents that do not specify a thumbnail.If you need to set different default thumbnails for different content models (such as articles, products), you may need to implement logic at the template level or customize an image field for each content model in the background and make use of it.