# CMS (Content Management System) | Creght Visual Documentation

> CMS (Content Management System) is used to manage dynamic content such as Cases, News, Blogs , and more.…

[AI](/docs/ai/quick-create-first-website.md) [Visual](/docs/get-start.md)

Basic

- [Get to Know Creght in 2 Minutes](/docs/get-start.md)
- [How to Register for Creght](/docs/signup.md)
- [Creating a Project in Creght](/docs/create-site.md)
- [Templates](/docs/tpls.md)

Design

- [Using the Editor](/docs/editor.md)
- [Basic Operations](/docs/operating.md)
- [Layouts in Creght](/docs/layout.md)
- [Position in Creght](/docs/position.md)
- [Size in Creght](/docs/size.md)
- [Breakpoints in Creght](/docs/breakpoint.md)
- [Overlays](/docs/popover.md)
- [Components in Creght](/docs/components.md)
- [Adding Third-Party Fonts](/docs/tp-font.md)
- [Duplicate and Deep Copy](/docs/deep-copy.md)

CMS

- [CMS (Content Management System)](/docs/cms.md)
- [Importing WeChat Official Account Articles into CMS](/docs/wxmp.md)

Site Setting

- [Page Settings](/docs/page-setting.md)
- [How to Upgrade a Plan](/docs/manage-plan.md)
- [SEO Settings](/docs/seo-setting.md)
- [Small Files (Site Verification)](/docs/verification-file.md)
- [Adding a Custom Domain in Creght](/docs/custom-domain.md)
- [How to Complete ICP Filing](/docs/beian.md)
- [Server Nodes](/docs/website-node.md)
- [How to Switch Sites](/docs/pxrp79jqtnyq.md)
- [Localization](/docs/localization.md)

AI

- [About Creght AI](/docs/creght-ai.md)

Tool

- [Convert Figma Designs into Live Websites](/docs/figma-to-creght.md)
- [3 Guidelines for Responsive Figma Layouts](/docs/figma-autolayout.md)
- [Covert Figma to live website](/docs/response-site.md)
- [Figma to Responsive Website: Interactions](/docs/figma03.md)
- [Compressing Video with FFmpeg](/docs/ffmpeg.md)
- [How to Add Clarity to Your Website](/docs/clarity.md)
- [Creating a Button Hover Effect](/docs/button.md)
- [How to Build a Reusable Collapsible FAQ Panel](/docs/collapse.md)
- [Responsive Navigation Tutorial](/docs/nav.md)

CMS/

# CMS (Content Management System)

CMS (Content Management System) is used to manage dynamic content such as **Cases, News, Blogs**, and more.

For example, the News page here: [https://oc2wp6b7n7te.site.creght.com/news](https://oc2wp6b7n7te.site.creght.com/news)

is powered by CMS.

![](https://fsb.huglight.cn/user/1/mdsPpUbwVvU__image.png)

## Managing Content

In the editor, go to the left-hand **Pages** panel and click the corresponding **CMS** to enter its management page.

![](https://fsb.huglight.cn/user/1/mdsPXCKcKmL__image.png)

![](https://fsb.huglight.cn/user/1/mdsPPvEAMdj__image.png)

## Drafts & Publishing

When editing CMS entries, changes are **automatically saved as drafts**. Drafts are **not visible online**.

To make content live, click **Publish**.

![image.png](https://fsb.huglight.cn/project/mtdDqMgsnYi/macgGghlHNr__image.png)

## Field Management

CMS fields can be dynamically added. Common fields include:

- Title
- Cover Image

In the CMS detail view, go to **Field Management** to add custom fields. Creght supports field types such as:

- Text
- Rich Text
- Image
- And more

![image.png](https://fsb.huglight.cn/project/mtdDqMgsnYi/macgIlNcszX__image.png)

To delete a field, **right-click** on it:

![image.png](https://fsb.huglight.cn/project/mtdDqMgsnYi/macgJdMwWtM__image.png)

## Displaying CMS Content on Pages

To display CMS content on your website, use the **Repeater Component**.

- You can place a Repeater on **any page**.
- In the **Insert Panel → CMS**, find the Repeater component.

![image.png](https://fsb.huglight.cn/project/mtdDqMgsnYi/macgJIQWgAo__image.png)

### Step 1: Bind the CMS

After inserting a Repeater, select it and bind it to a CMS application in the right-hand panel.

![image.png](https://fsb.huglight.cn/project/mtdDqMgsnYi/macgKoCESZK__image.png)

### Step 2: Add Child Elements

Add child elements inside the Repeater. For example, to display articles in a list:

![image.png](https://fsb.huglight.cn/project/mtdDqMgsnYi/macgKWweSsC__image.png)

Even if only **one child element** is added, it will be repeated for every CMS item. This is the core function of the Repeater: **loop rendering child elements**.

### Step 3: Bind Variables

By default, repeated child elements may show the same content. To display unique CMS data (e.g., each article’s **Title**), bind variables:

1. Select the text element.
2. Click the **plus (+) icon** next to the Text property to bind a CMS field.

![image.png](https://fsb.huglight.cn/project/mtdDqMgsnYi/macgLvFLjdN__image.png)

The same can be done for images—bind the **Cover Image** field.

This creates a simple image-and-text article list:

![image.png](https://fsb.huglight.cn/project/mtdDqMgsnYi/macgMfuZgWX__image.png)

## Notes

- Advanced CMS features and field types will be covered in a dedicated help article soon.
- CMS can be complex. If you encounter difficulties, please **contact our support team**—we’ll be glad to help in detail.

On this page

- [Managing Content](#managing-content)
- [Drafts & Publishing](#drafts-publishing)
- [Field Management](#field-management)
- [Displaying CMS Content on Pages](#displaying-cms-content-on-pages)
- [Step 1: Bind the CMS](#step-1-bind-the-cms)
- [Step 2: Add Child Elements](#step-2-add-child-elements)
- [Step 3: Bind Variables](#step-3-bind-variables)
- [Notes](#notes)

> Full page index: [/llms.txt](/llms.txt)