How to manage single pages and page resources (images, videos) in Anqi CMS?

As an experienced security CMS website operation personnel, I am well aware of the importance of efficient content management for the success of the website.Whether it is a single-page that carries the brand story or the images and video resources that constitute the visual experience, they are all core elements that attract and retain users.AnQi CMS provides powerful and intuitive tools for fine-grained management of these contents, ensuring that the website is always presented to the audience in a **state**.

Efficient management of single pages and page resources in Anqi CMS

In Anqi CMS, single pages and page resources are an important component in building the basic content of a website.Single pages are usually used to display static information such as "About Us", "Contact Information", and "Service Introduction", while images and video resources are key to enriching content and enhancing user experience.Mastering these elements' management methods can significantly enhance the operational efficiency and content quality of the website.

building and optimizing a single-page content

The single page management function of AnQi CMS is located under the "Page Resources" module in the background, and can be accessed through the "Page Management" entry.Here, you can create, edit, and maintain various static pages.Each single page has independent content, SEO settings, and display logic, making it an ideal carrier for specific information.

when creating or editing a single page, the first thing to determine isPage NameThis is the page title displayed on the front end. To improve search engine visibility, we also need to fill in the details meticulously.SEO title/KeywordsandSingle page introductionKeywords should be separated by English commas.,Separate, while the single-page introduction will be called as the description tag content in TDK.These SEO elements are the foundation for ensuring good ranking in search results.

The Anqi CMS also supports setting for single pagesCustom URLIn a website with pseudo-static rules enabled, this setting can generate more semantic and SEO-friendly link structures.The system will automatically generate a pinyin-based URL alias based on the page name, but you can also manually edit it and ensure its uniqueness throughout the site.This helps improve user experience and search engine crawling efficiency.

The display order of pages can be set throughDisplay orderAdjust the field, the smaller the number, the closer the page is to the front of the list on the front end. At the same time, you can also specify for a particular single pageSingle page template. Although the system defaults topage/detail.htmlBut if you have special design requirements, you can create something likepage/about.htmlsuch a custom template and specify its use in the background to achieve a highly personalized page layout.

The management of visual elements is equally important. Single page can uploadBanner imageIt is commonly used for banner display at the top of the page, supports uploading multiple images to form a carousel effect, and it is recommended to keep the image sizes consistent to achieve a** visual effect. In addition,ThumbnailThe field allows you to upload an image representing the page, which may be used in some templates for previewing the page list.

The core of a single page is itscontent. AnQi CMS provides a rich text editor with a variety of functions, such as text formatting, link insertion, image upload, video embedding, and more, allowing you to easily create attractive page content.If the Markdown editor is enabled, the content will also be automatically converted from Markdown to HTML when saved, further enhancing the flexibility of content editing.

In the front-end template, we can use the Anqi CMS tags to flexibly call these single-page data. For example,{% pageDetail with name="Title" %}we can get the title of the current page, and{% pageDetail pageContent with name="Content" %}{{pageContent|safe}}It can safely output the HTML content of the page. If you need to display multiple single pages,{% pageList pages %}the tag can easily achieve the loop output of the single-page list.

Fine management of page resources

Page resources, mainly referring to image and video files, which play an indispensable role in the content of the website.The 'Image Resource Management' feature of AnQi CMS centrally manages all the media files uploaded to the website, making resource organization neat and orderly.

Through the "Page Resources" module under the "Image Resource Management" entry, you can view all the images and video resources of the website.For easy search and management, these resources can be classified into different categories, and you can create and maintain these categories according to your actual needs.

The resource management interface supports various batch operations, such as selecting multiple images to delete or transferring them in batches to specified categories.Click any image to view its details page, including the file name, file type, upload time, file size, image resolution, and direct access to the image address.It is worth mentioning that AnQi CMS supportsimage replacementFunction, to update the image file without changing the image URL address, which is very useful for maintaining the stability of website links.It should be noted that the size of the image after replacement will be updated to the size of the new image, and in order to prevent the page from loading slowly due to large images, the system will resize large images in proportion according to the configuration in the 'Content Settings'.If the front-end image has not been updated, it is usually necessary to clear the local browser cache.

AnQi CMS provides a variety of global configurations related to image resource processing under the "Background Settings" and "Content Settings", which are crucial for the management of the website's image resources.

Image download and storage aspectYou can chooseWhether to download remote imagesIf this feature is enabled, images linked from external links will be downloaded and stored on the local server, which helps to improve image loading speed and control the source of image.For users who use CDN or their own image hosting, they can choose not to download remote images.To optimize the image volume and loading performance, AnQi CMS supportsWhether to enable WebP image format. After enabling, all newly uploaded JPG, PNG, and other format images will be automatically converted to WebP format, significantly reducing storage space and bandwidth consumption.For non-WebP images that have already been uploaded, the system also provides a batch conversion tool.

Image compression and thumbnail processing aspect,Whether to automatically compress large imagesThe settings can effectively manage image size. After enabling this feature, the system will automatically compress large images to the specified width, which is default to 800 pixels.You can adjust it according to the actual needs of the website, inAutomatically compress to a specified widthCustomize this value in the field. For front-end display,Thumbnail Processing MethodThree options are provided: "Scale to fit the longest side" can display the image content completely, but the size may not be fixed;“Pad to the longest side” to fix the size, the insufficient part is filled with white;“Truncate to shortest side” will center crop, maintain the aspect ratio of the image, but may lose some edge information.Choose the appropriate method to optimize page layout and loading speed.Moreover, you can also set oneDefault thumbnailWhen an article or single page does not specify a thumbnail, the image will be automatically used as a substitute. If the thumbnail settings are changed,batch regenerate thumbnailsThe feature ensures that all historical images are generated with corresponding thumbnails according to the new rules.

In the template, the invocation of image resources is also flexible. For example,{% pageDetail pageImages with name="Images" %}Can get a single page slide group picture and display each image by looping{% for item in pageImages %}. For the image content in the article details,Contentthe field also supportslazy="data-src"Property, convenient to implement image lazy loading, optimize the page loading experience.

Through these fine-grained features provided by Anqi CMS, website operators can easily manage single-page content and efficiently store, process, and optimize image and video resources, thereby creating a high-quality website with a good user experience and SEO-friendly.

Frequently Asked Questions (FAQ)

How to use a custom template for a specific single page?

In the Anqi CMS backend, go to 'Page Resources' under 'Page Management', edit the single page you need to set. In the editing page, find the 'Single Page Template' field, enter the filename of your custom template, for exampledownload.htmlorpage/about.html. Make sure that the custom template file exists in your template design package, otherwise the page will not open properly. The system uses the default one.page/detail.htmlas a single page template.

2. How does AnQi CMS process uploaded images to optimize website performance?

AnQi CMS provides multiple image optimization settings. In the "background settings" -> "content settings", you can choose to enable WebP image format conversion, which will automatically convert the image to a smaller WebP format when uploaded.You can also enable the "Auto Compress Large Images" feature and set the maximum width, the system will compress images that exceed the size.Moreover, the thumbnail processing method allows you to choose between proportional scaling by the longest side, padding by the longest side, or cropping by the shortest side to meet different front-end display needs and further reduce the size of the image file.

How can I handle the situation where I update image resources in the background but the updated content does not display on the front-end page immediately?

This is usually due to browser caching. When you update images or other resources in the background, the browser may still display the old cached content.The most direct solution is to clear the cache of your local browser, or access the page using the browser's private/Incognito mode.If the problem still exists, it may be that the CDN cache or server-side cache (if configured) has not been refreshed, in which case you can try to clear the system cache of the Anqiy CMS backend.