Flexible Website Content Display Mode Options for AnQi CMS in English

How to make the website content display effectively on different devices is an important issue that every webmaster needs to consider.Auto CMS knows this and therefore provides a variety of flexible content display modes, allowing you to choose the most suitable way for your actual needs to build a website.No matter if you are pursuing simplicity and efficiency or need an ultimate customized experience, Anqi CMS can provide strong support.

Next, we will delve into the three website content display modes supported by AnQi CMS: responsive, code adaptation, and PC+mobile independent sites, to help you understand their features and application scenarios.

1. Adaptive Mode (Responsive Design)

Firstly, let's talk about the most common and popular 'Adaptive Mode'.In this mode, your website uses a set of code and a set of templates.It adjusts the layout, image size, and font elements of the page automatically based on the screen size, resolution, and other characteristics of the device accessed by the user, to ensure that the content is clear and beautiful on PCs, tablets, or mobile phones.

The benefits of choosing the adaptive mode are obvious:

  • Maintenance is simple:You only need to manage a set of website code and content, which greatly reduces maintenance costs and workload.
  • SEO-friendly:Search engines tend to crawl and index adaptive websites because they only need to handle one URL, avoiding the issue of duplicate content.
  • Unified user experience:Whether the user uses any device, they can get a similar brand experience.

In AnQi CMS, many templates are designed according to the adaptive principle by default. To enable this mode, you just need to make sure that your template inconfig.jsonthe file containstemplate_typeset0.

2. Code Adaptation Mode

Then comes the "Code Adaptation Mode", which provides a scheme to offer differentiated experiences for different devices while maintaining a unified domain name.Different from the adaptive mode, the core of code adaptation mode is that the server identifies the type of the device accessing (such as PC or mobile phone), and then dynamically loads and renders the template file specially prepared for that device.

The advantage of this model is:

  • differential control:You can design a completely different layout and functionality for mobile users, such as a more streamlined navigation, more suitable touch screen operations, or display content specifically optimized for mobile devices.
  • Unified domain:PC and mobile end use the same domain name, users do not need to remember or jump to different mobile domain names.
  • Relatively flexible:Compared to a completely independent site, it can still maintain a high degree of consistency in content management.

To achieve code adaptation in AnQi CMS, you need to create a folder named under your template directory.mobileThis is a subdirectory. ThismobileThe directory will store template files specially designed for mobile devices. When the system detects that it is a mobile device accessing, it will automatically frommobileLook for and use the corresponding template in the directory. You need to use the template in theconfig.jsonIn the middle.template_typeset1to enable this mode.

3. PC+手机独立站模式（PC+Mobile Independent Sites）

而对于那些追求极致定制和独立运营的用户，安企CMS提供了“PC+手机独立站模式”。In this mode, your PC website and mobile website will have completely independent domains, independent templates, and can even have independent management backend and content strategies.m.yourdomain.com，PC用户访问www.yourdomain.com，Both are completely independent websites.

Choosing the PC + mobile independent station mode is usually for:

  • Ultimate customization:You can design completely different styles, feature modules, and user interaction processes for PC and mobile websites.
  • Refined SEO:It can be optimized for different devices with more refined SEO strategies, such as focusing on mobile search rankings for mobile websites.
  • Independent operation:Allow two sites to have independent operating teams and content strategies, suitable for large enterprises or businesses with special needs.

Configure the independent station mode in the AnQi CMS, in addition to creating in the template directorymobileIn addition to storing mobile-end templates in a subdirectory, a more critical step is to clearly fill in the 'Mobile End Address' in the background 'Global Settings'. Moreover, your server (such as Nginx) also needs to configure the corresponding reverse proxy rules, to route different domain names (such aswww.yourdomain.comandm.yourdomain.com）Correctly points to the same security CMS service, with the CMS determining and rendering the corresponding PC or mobile template. In the template,config.jsonyou need to adjusttemplate_typeset2.

How to choose the right model for you?

What model to choose depends on your website goals, budget, and maintenance capabilities:

  • If you want to go live quickly, keep costs under control, and have simple content management,Adaptive ModeIt is usually**selected.
  • If you want to provide a better optimized experience for mobile users under a unified domain name, and at the same time do not want to bear the maintenance costs of two independent sites,Code Adaptation ModeIt is a good compromise.
  • If you have high requirements for the brand image, user experience, and SEO strategy of PC and mobile platforms, and have sufficient resources for independent maintenance,PC+手机独立站模式将为您提供最大的自由度。

This AnQi CMS offers three display modes, providing a diverse selection through flexible templates and backend configuration, ensuring that your website presents in an optimal state on any device.

Common Questions (FAQ)

1. What are the main differences between code adaptation mode and PC+mobile independent station mode?The main difference between code adaptation mode and PC+mobile independent station mode lies in the independence of domain name and content. In code adaptation mode, the PC and mobile websites use the same domain name, and the system switches to different templates (usually) under the same CMS based on the identification of the user's device./template/default/and/template/default/mobile/）。While the PC+mobile site mode has completely independent PC domain and mobile domain, they can be considered as two separate sites. In addition to using different templates, they can also set different content and SEO strategies.

2. I have selected the adaptive template. What operations need to be performed to change to code adaptation mode?If you want to switch from adaptive mode to code adaptation mode, you mainly need two steps:

  1. Prepare the mobile template:Create a folder named under the template directory you are currently using,mobileThe subdirectory, and place the template files designed for mobile devices in this directory, which should be similar to the PC template.
  2. Modify template settings:Edit the template directory under yourconfig.jsonfile, and willtemplate_typeField value from0(Adaptive) modify to1(Code adaptation). The system will automatically load the template under the directory when it detects a mobile device)mobiledirectory.

3. What is the impact on website SEO when using the PC+mobile independent station mode?rel="canonical"andrel="alternate"Tags, to clearly define the correspondence between PC page and mobile page, guiding search engines to correctly index. Anqi CMS provides standard links