In the operation of the website, we all hope that each page can perfectly present its unique content and brand image.For single pages that carry corporate culture, core values, or important service information such as 'About Us' and 'Contact Information', having a dedicated display style undoubtedly can greatly enhance the page's attractiveness and user experience.

Can we have exclusive display styles for these single-page designs in AnQiCMS (AnQiCMS)?The answer is affirmative, and the operation is more flexible and convenient than you imagine.AnQi CMS deeply understands the personalized needs of content display, providing highly customized possibilities for single-page through its powerful template system.

Dedicated Template: Make Single Page Stand Out

The template mechanism of Anqi CMS allows you to specify different display templates for different types of content. For single-page content, it defaults to using a set of general templates (for example, in the template folder under thepage/detail.htmlFile).When you want a single page, such as 'About Us', to have a unique design, you can create a dedicated template file for it and easily specify its use in the backend.

This exclusive template file can include a completely independent HTML structure, CSS styles, and even specific JavaScript interactions, allowing the 'About Us' page to break free from the constraints of a generic framework and display stronger brand personality and information tension.

How to design exclusive display styles for a single-page?

To achieve this goal, it mainly involves the following steps:

  1. Create an exclusive template fileFirstly, you need to find or create a subdirectory named in the folder of the current template theme being used (for exampletemplate/您的主题名称/). In thispage directory.pageIn the directory, you can create a new HTML file, such as one namedabout.htmlThis will become the exclusive template for your "About Us" page. It is recommended that youpageCreated in the directory, because the Aanqi CMS defaults to searching for the specified filename in this directory when handling single-page templates, which makes the template structure clearer.

  2. Write template contentInabout.htmlIn the file, you can freely write the HTML of the page, introduce custom CSS styles and JavaScript code.This is the stage where you can unleash your creativity and realize unique designs.For example, you can design a layout that includes team photos and a timeline of the company's development, or display contact information in an interactive map.In the template, you can call the content of the current single page by using the template tags provided by Anqi CMS.{% pageDetail with name="Title" %}To get the main content of the page, use{% pageDetail with name="Content"|safe %}.Thus, the text, images, and other content you edit in the "Page Management" section on the backend can be dynamically displayed in the exclusive style you designed.{% system with name="SiteName" %}(or contact information tag){% contact with name="Cellphone" %}etc., to uniformly display the global information of the website.

  3. Apply a dedicated template in the backgroundOnce the template file is created and written, the next step is to inform the Anqi CMS to use this exclusive template for the "About Us" page.You need to log in to the Anqi CMS backend and go to the 'Page Resources' under 'Page Management.'Here, find and edit your "About Us" single page.In the editing page's form, there will be an option named 'Single Page Template'.about.htmlAfter saving the settings, your "About Us" page will automatically load and apply the exclusive template you have carefully designed.about.html.

By following these steps, not only can you give unique visual experiences to single-page 'About Us' sections, but you can also ensure that content management remains unified on the Anqi CMS backend, greatly enhancing the efficiency and flexibility of content operation.This degree of freedom in design is an important embodiment of Anqi CMS providing personalized website solutions for users.

Common Questions (FAQ)

  1. Question: If I have specified a custom template for a single page but the front-end still displays the default style, how should I troubleshoot the issue?Answer: First, please confirm that your custom template file (for example)about.html) has been placed correctly in the current theme'stemplate/您的主题名称/page/Under the directory. Next, check if the template filename you entered in the "Single Page Template" input box when editing the single page in "Page Management" on the backend is completely correct (including case sensitivity, for example,about.htmlInsteadAbout.html)。Finally, try to clear the system cache of the Anqi CMS to ensure that the system loads the latest template configuration.

  2. Question: Can I share the same custom template among multiple single-page applications?Answer: Of course. If you have multiple single pages, such as "Corporate Culture" and "Social Responsibility", and they want to have a style that is similar but distinct from the default template, then you can create a generic custom template file (such asspecial_page.htmlThen in each single page editing interface that uses it, set the 'Single Page Template' field tospecial_page.html.

  3. Question: How can I call other content in a custom template, such as the latest article list or products in a specific category, besides the content of the single page itself?Answer: In the custom single-page template, you can fully utilize the various template tags provided by Anqi CMS. For example, you can use{% archiveList %}Label to call the latest articles or product lists under a certain category; use{% categoryList %}to display the category navigation; even through{% contact %}or{% system %}Tags to display website contact information or global settings. These tags can make your single page content richer and keep it linked with other website content.