Anqi CMS: useextendsLabel effortlessly handle theme and layout updates, say goodbye to repetitive work

In the daily operation of the website, the iteration of themes and the adjustment of layout are common demands.However, for many website administrators and content operators, every such change often means huge workloads and potential risk of errors: modifying a header may require manual editing of dozens or even hundreds of files; adjusting a sidebar is another round of massive 'copy-paste' work.Such a way of working is not only inefficient, but also prone to inconsistencies in website style and a sharp rise in maintenance costs.

幸运的是，安企CMS（AnQiCMS）深谙此道，并通过其灵活高效的模板引擎，提供了一个优雅的解决方案——EnglishextendsLabels. This powerful template inheritance mechanism is the core tool that helps users of Anqi CMS greatly reduce the workload of theme and layout updates.

Say goodbye to the困境 of 'repetitive labor':extendsThe philosophy

Imagine that you are building a complex building.The most effective way is to design a basic 'skeleton' or 'blueprint' first, which includes all the shared structures of all floors, such as load-bearing walls, elevator shafts, and pipeline routes.Then, you should fill in and customize the details of each area according to the specific functions of different floors (office, residential, commercial).

Anqi CMS'sextendsThe tag follows this 'skeleton+filling' philosophy. It allows us to create a 'master' template (usually namedbase.htmlThis template defines the most basic and general page structure of the website, such as header navigation, footer copyright information, global script references, and even the general layout of the sidebar. In this template, we will useblockLabel some variable areas, which are like ' customizable rooms ' on the architectural blueprint, waiting to be filled with specific page content.

extendsHow to simplify complexity and reduce workload?

When updating the website theme or changing the layout,extendsthe efficiency improvement brought by tags is evident:

  1. concentrating on managing global elementsThe header, footer, main navigation, global CSS/JS file references, SEO meta tags (TDK, i.e., Title, Description, Keywords), etc., are often shared across the entire website.If there is no template inheritance, each time you modify these elements, you must open and edit each page file individually.extendswe only need to modifybase.htmlThis master template file will synchronize updates to all child pages inheriting it, greatly reducing redundant work. For example, to change a Logo image across the entire site, you only need tobase.htmlupdate in here{% system with name="SiteLogo" %}The reference can be used.

  2. Ensure the website style is highly unified: ThroughextendsInherit the master template, all pages naturally have the same basic structure and style framework.This means that whether it is a new content page, product detail page, or an independent single page, the brand image and user experience consistency can be maintained.The operation personnel need not worry about discrepancies in page style due to manual modifications that may be missed or incorrect, making content marketing and brand building more professional.

  3. Accelerate theme switching and layout adjustmentWhen market trends change or brand upgrading requires a brand new website theme,extendsThis process can become exceptionally fast. A new theme can be based on a new set ofbase.htmland quickly build a series of配套的子模板. If it's just fine-tuning the layout, such as moving the sidebar from left to right, or modifying the width of the page content, it only needs tobase.htmlor few core sub-templates for adjustment, greatly shortens the development and launch cycle.

  4. Enhancing development and maintenance efficiencyEnglish for content operation teams or second-time developers means a lower learning cost and higher maintenance efficiency. Developers can focus on eachblockThe internal specific content logic, without the need to rewrite common code. When problems arise, it can also quickly locate whether the problem is with the master template or a specific page, thus solving it quickly.

In the Anqi CMSextendsPractice

In the Anqi CMS,extendsThe usage is very intuitive. For example, we might havebase.htmlAs a general skeleton:

<!DOCTYPE html>
<html lang="{% system with name='Language' %}">
<head>
    <meta charset="UTF-8">
    {% block title %}
        <title>{% tdk with name="Title" siteName=true %}</title>  {# 默认标题，可被子页面覆盖 #}
    {% endblock %}
    <meta name="keywords" content="{% tdk with name="Keywords" %}">
    <meta name="description" content="{% tdk with name="Description" %}">
    <link rel="stylesheet" href="{% system with name="TemplateUrl" %}/css/style.css">
    {# 全局JS或分析代码，只需在这里引用一次 #}
</head>
<body>

<header class="site-header">
    {% include 'partial/header.html' %} {# 头部导航片段 #}
</header>

<main class="container">
    <div class="row">
        <aside class="col-md-3">
            {% include 'partial/sidebar.html' %} {# 侧边栏片段 #}
        </aside>
        <section class="col-md-9">
            {% block content %}
                {# 页面主要内容区，由子模板填充 #}
                <p>这里是默认内容，如果子模板未定义，则显示此内容。</p>
            {% endblock %}
        </section>
    </div>
</main>

<footer class="site-footer">
    {% include 'partial/footer.html' %} {# 底部版权信息片段 #}
</footer>

</body>
</html>

Then, our home pageindex.htmlOr the article detail pagearchive/detail.htmlcan inherit this master template and override specific ones as neededblock:

{# index.html #}
{% extends 'base.html' %}

{% block title %}
    <title>安企CMS首页 - 快速建站，内容无忧</title> {# 覆盖母版中的title block #}
{% endblock %}

{% block content %}
    <div class="homepage-hero">
        <h1>欢迎使用安企CMS，让您的网站运营更简单！</h1>
        <p>探索更多功能...</p>
    </div>
    {# 这里可以插入首页特有的内容模块 #}
    {% archiveList archives with type="list" moduleId="1" limit="5" %}
        {% for item in archives %}
            <article>
                <h3><a href="{{ item.Link }}">{{ item.Title }}</a></h3>
                <p>{{ item.Description|truncatechars:100 }}</p>
            </article>
        {% endfor %}
    {% endarchiveList %}
{% endblock %}

As you can see,extendsThe label must be placed at the first line of the template file, which ensures that the child templates can be correctly built based on the master structure during parsing.Through this method, we do not need to repeat the HTML skeleton on each page, just focusing on the presentation of core content, which greatly improves the efficiency of content operation and theme development.

Summary

Anqi CMS'sextendsLabels are one of the major highlights in the template design, it is not just a technical feature, but also a powerful tool to improve website operation efficiency and ensure consistency of content.It liberates website frontend development and maintenance from tedious repetitive work, allowing enterprises and content operators to focus more on the content itself and user experience, thereby maintaining agility and competitiveness in fierce market competition.extendsEnglish translation: ，is to embrace a more efficient, more flexible website management future.

Common Questions and Answers (FAQ)

1. Can I use multiple basic templates in Anqi CMS?base.html)?

Of course you can.extendsThe flexibility of the label allows you to design multiple sets of basic templates according to the needs of different types of pages or sites. For example, you can create a template for regular content pages.base.htmlTo create another page for marketing activities that require full-screen display or special interactions.marketing_base.htmlAs long as the child template explicitly specifies the master template it wants to inherit.{% extends 'marketing_base.html' %}），Safety CMS can be correctly parsed. This is very useful for implementing multi-style pages or A/B testing different page layouts.

2. If a child template does not define a certain element from the parent templateblockWhat will happen?

If the child template does not rewrite or define theblockexisting in the parent template,blockthe content defined within. This means that your master page can include allblockThe default content, provide a complete, working page structure. Only when the subpage needs to customize a specific area, should the same-named `