How to create and display single-page content such as “About Us” and “Contact Us”?

In website operation, content such as 'About Us' and 'Contact Us' is a window to display corporate image, core values, or provide key information to visitors.They usually carry stable, independent and infrequently updated content, which is crucial for building trust and providing a service entrance.AnQiCMS provides very convenient and powerful functions for managing and displaying these single-page applications, allowing you to easily create and customize them.

Part 1: Create your single-page content

Creating a single page in AnQiCMS is an intuitive and efficient process.You just need to enter the background management interface, find the "Page Resources" option under "Page Management" in the left menu.Click the 'Add Single Page' button to start creating your exclusive content.

First, you need to fill in the basic information on a single page. "Page Name" is the title displayed to visitors on the front end, it should be clear and concise.To optimize search engine performance, you can set a 'SEO title' specifically, which will display on the page.<title>Tag within. At the same time, filling in relevant 'keywords' and a concise 'single-page introduction' will help search engines better understand the content of your page.If these fields are left blank, the system will also intelligently extract information from the page content.

The core of a single-page is its "single-page content", AnQiCMS provides a richly featured editor, supporting mixed text and image layout, video embedding and other content forms, allowing you to create attractive pages.Moreover, the "Custom URL" feature allows you to set a concise, meaningful, and SEO-friendly URL alias for the page.The system will automatically generate a pinyin alias based on the page name, but you can manually modify it as needed to ensure its uniqueness across the entire site.If you have multiple single pages that need sorting, you can adjust the 'Display Order' value, the smaller the number, the closer it is to the front.

To enhance the visual effects of the page, you can also upload the "Banner image" and "thumbnail".The banner image can add visual impact to the top of the page, while the thumbnail may be displayed in the navigation list or sharing, making the page more attractive.

The second part: Flexible display and custom template

The created single page content, AnQiCMS will use the current theme template you are using by default.page/detail.htmlFiles to display. But in operation, we often encounter situations where we need to design unique layouts for specific single-page pages, such as 'About Us' may need a special layout with team introductions, 'Contact Us' may need to integrate online forms or maps.AnQiCMS fully understands this need and provides powerful custom template functions.

When editing a single page, you can find a field named "Single Page Template". Here, you can enter the name of your custom template file, for example,about.htmlorcontact.html. The system will first look for and use this specified file to render the current page. Please make sure that these custom template files are stored in the current theme template directory.pageInside the folder, for example/template/您的主题名/page/about.htmlThus, when the visitor requests this single page, AnQiCMS will load and apply the exclusive template you have carefully designed.

In these custom template files, you can use AnQiCMS to provide thepageDetailTemplate tags are used to dynamically retrieve various data on a single page. For example, to display the page title, you can use{{ pageDetail with name="Title" }}; to get the page content, then use{{ pageDetail with name="Content" | safe }}(remember to add|safeA filter to ensure that HTML content is rendered correctly).You can conveniently obtain the page link, description, Banner image, and thumbnail information, and flexibly layout according to your own design.This way greatly enhances the flexibility and customizability of single-page display.

The third part: Optimization and Efficient Management

After successfully creating and displaying a single page, further optimization and management can enhance its effectiveness.

In SEO, in addition to the previously mentioned 'SEO title', 'keywords', and 'single-page summary', using 'custom URL' to create descriptive and short URLs is very beneficial for search engine friendliness.At the same time, the built-in static rule feature of AnQiCMS can help you present these custom URLs better in search engines.

On website structure and user experience, do not forget to add the single-page links you have created through the 'website navigation settings' feature, to the top menu, footer, or sidebar navigation of the website, ensuring that visitors can easily and quickly find these important pages.

The AnQiCMS 'Page Management' module, combined with its powerful template tag system, allows you to create, manage, and optimize your single page with ease, regardless of the content display requirements, thus providing visitors to the website with better and more accurate information services.

Frequently Asked Questions (FAQ)

1. What is the difference between a single page and an article/product? How should I choose?A single page is typically used to carry independent content that is not frequently updated and does not belong to a specific category, such as 'About Us', 'Contact Us', 'Privacy Policy', and so on.And articles and products belong to the content model, which need to be classified into specific categories, have a high frequency of content updates, and are often used in list displays.When choosing, if the content is fixed and independent, it tends to use a single page;If the content is time-sensitive, needs to be categorized, or needs to be listed, the article or product model should be selected.

2. Why did I specify a custom template for the single page, but it shows an error or a blank page when accessing the page?This is usually due to an incorrect template file path or name. Please check the template name you entered in the 'Single Page Template' field in the background, whether it matches the actual file (such asabout.html)完全一致，including the case. Make sure that the file is indeed located in the current theme template directory.pageInside the folder, for example/template/您的主题名/page/about.htmlIf the file does not exist or the path is incorrect, the system will not be able to find and render your custom template.

3. I want to add an online message form on the "Contact Us" single page, does AnQiCMS support that?Yes, AnQiCMS fully supports. You can use it in the customized "Contact Us" single page template by,guestbookThe template tag integrates an online message form. This tag can dynamically generate the message fields configured in the background and provide a form submission interface. You just need to call it as needed in the templateguestbookTag, you can build a fully functional comment form, convenient for users to interact with you.