Good, as an experienced website operation expert, I am very happy to deeply analyze the essence of single page management in AnQiCMS and lead you to easily handle the creation and optimization of independent pages such as 'About Us' and 'Contact Us'.
Auto CMS single page management: Easily build independent pages such as "About Us", "Contact Us" and others
In modern website operations, pages such as 'About Us' and 'Contact Us' play a crucial role.They are not only the windows to display the corporate image and convey core values, but also the key touchpoints for users to establish trust and communicate effectively.For search engines, these clear and professional independent pages are also important signals for enhancing website authority and user experience.
AnQiCMS, as an enterprise-level content management system developed based on the Go language, is well-versed in this.It fully considered the needs of small and medium-sized enterprises, self-media operators for efficient content management from the very beginning, providing an intuitive and powerful single-page management module, allowing you to build and optimize these key independent pages as quickly as building a puzzle.
Backend operation: Create your first independent page
After entering the AnQiCMS backend management interface, you will find everything in order, with clear and straightforward operation logic. To create an independent page such as "About Us" or "Contact Us", you just need to easily reach the following path:
Firstly, find it in the left navigation bar“Page Resources”, click to expand and select"Page Management". Here, you will see all the single-page lists created. To add a new page, just click on the interface.“Add a single-page”Button, and you can start the journey of creating a page.
Enter the creation page form, and you will see a series of intuitive fields that together constitute the core content and properties of the page:
- Page NameThis is the main title displayed on the front end of your page on the website, as well as the name used to identify the page in the background management. For example, you can fill in 'About Us' or 'Contact Us'.
- Single page contentThis is the core of the page.AnQiCMS provides a rich text editor with various features, allowing you to easily insert text, images, videos, and even support Markdown format, making the content layout beautiful and expressive.Here, you can write a detailed company profile, team culture, development history, or provide detailed contact information and map directions.
- SEO title, keywords and single page introductionThese three fields are crucial for the search engine optimization of the page.
- SEO titleIt will be displayed in the title position of search engine results, which is the first line of defense to attract users to click. Please be concise and include the core keywords.
- KeywordsHelps the search engine understand the theme of the page, please choose words highly relevant to the content of the page, separated by English commas.
- Single page introductionThen it is the descriptive text of the search engine results, which is usually the content summary that users see before clicking, and it strives to be concise and attractive to users.
- Custom URLThis is a highlight of AnQiCMS in terms of SEO friendliness.System will automatically generate a pinyin URL alias based on your page name, for example, "guanyuwomen" or "lianxiwomen".Certainly, if you are not satisfied with the automatically generated URL, you can always manually adjust it, setting a custom URL that is more brand-centric or simpler and easier to remember.Ensure that this custom URL is unique throughout the site, as it will have a positive impact on the page's inclusion and ranking.
- Display OrderThis field allows you to flexibly control the sorting of a single page in the list. The smaller the number, the earlier the page is displayed, which is very practical for displaying pages in a specific order in the navigation menu.
- Banner image and thumbnailThese two features make your page more visually appealing.You can upload a large banner image that reflects the corporate image on the "About Us
- Single Page TemplateThis is one of the manifestations of AnQiCMS flexibility. The system defaults to using
page/detail.htmlAs a single-page display template.However, if you want the "About Us" page to have a completely different design style and layout from the "Contact Us" page, you can specify a dedicated template for them.page/about-us.htmlandpage/contact-us.htmlThen, in each single-page editing interface, specify it as the corresponding 'single-page template'. This allows website design to be no longer limited by a fixed framework, providing a high degree of customization freedom.
Fill in and save, and your independent page will be created. It is now ready to be displayed on the website's front end for visitors.
Front-end display: Bring vitality to the independent page within the website.
AnQiCMS's template system borrows the syntax of Django template engine, which is concise and powerful.Once you have created a single page in the background, the next task is to present it on the website front end.
By default, AnQiCMS will automatically match the corresponding template file based on the page ID or custom URL alias. For example, a single page with an ID of 10, if no custom template is specified, may usepage/detail.htmlorpage/10.htmlto render the content.
Flexible use of custom templates:
Just as mentioned before, one of the most attractive features of AnQiCMS is its powerful customization ability. If you want to customize the "About Us" page (assuming its custom URL isabout-us）has a unique design, you can create a file namedpage/about-us.htmlin the "Single Page Template" field on the backend.about-us.htmlAfter that, this page will automatically load and apply this exclusive template.
In your template file, you can use the powerful tags provided by AnQiCMS to dynamically retrieve page content. For example,pageDetailtagsis a powerful tool for getting single page details:
{# 获取当前页面的标题 #}
<h1>{% pageDetail with name="Title" %}</h1>
{# 获取当前页面的内容，注意使用 |safe 过滤器以解析HTML #}
<div>
{% pageDetail pageContent with name="Content" %}
{{ pageContent|safe }}
</div>
{# 如果您上传了Banner图，也可以这样调用 #}
{% pageDetail pageBannerImages with name="Images" %}
{% if pageBannerImages %}
<img src="{{ pageBannerImages[0] }}" alt="{% pageDetail with name='Title' %}" />
{% endif %}
If you want to list multiple single pages in the navigation menu, footer, or other locations on the website, such as displaying links to "About Us", "Contact Us", "Privacy Policy", and so on,pageListtagsIt can be put to use:
`twig
- {% pageList pages %}
{% for item in pages %}
<li>
<a href="{{ item.Link }}">{{ item.Title }}</a>
</li>
{% end