# Cấu trúc có sẵn

**1. Mục tiêu**

Cung cấp các công cụ thao tác cơ bản và trực quan để người dùng có thể tự xây dựng bố cục, thêm nội dung (văn bản, hình ảnh) và tạo các khối chứa dữ liệu cho Landing Page mà không cần can thiệp vào mã nguồn.

**2. Khi nào dùng?**

* Sử dụng xuyên suốt trong quá trình dựng trang tại khu vực thiết kế trung tâm.
* Dùng khi cần tạo mới một vùng chứa (Container), viết nội dung văn bản (Text), hoặc chèn các ấn phẩm truyền thông (Hình ảnh/Video) vào trang.

**3. Các bước thực hiện**

Hệ thống bao gồm 4 công cụ chính với cách thao tác như sau:

* Sử dụng Con trỏ (Pointer):
  * Đây là chế độ mặc định. Bạn dùng để chọn, di chuyển hoặc thay đổi kích thước các phần tử hiện có trên trang.
  * Thao tác: Click vào bất kỳ thành phần nào để mở bảng cài đặt chi tiết (màu sắc, khoảng cách, hiệu ứng) ở phía bên phải.
* Tạo vùng chứa (Container):
  * Thao tác: Chọn biểu tượng hình vuông, sau đó nhấn giữ và kéo chuột trên màn hình chính để vẽ một vùng chứa.
  * Tùy chỉnh: Sau khi vẽ, bạn có thể thay đổi màu nền, độ bo góc hoặc thêm viền để làm khung nền cho các khối nội dung hoặc nút bấm.
* Soạn thảo văn bản (Text):
  * Thao tác: Chọn biểu tượng chữ T, vẽ một khung tại vị trí muốn hiển thị nội dung.
  * Định dạng: Nhập chữ vào khung soạn thảo hiện ra. Bạn có thể bôi đen chữ để chỉnh font, kích cỡ, màu sắc và căn lề ngay lập tức.
* Chèn hình ảnh (Image):
  * Thao tác: Chọn biểu tượng hình ảnh, vẽ một khung để xác định vị trí và kích thước trên trang.
  * Tải ảnh: Hệ thống sẽ mở cửa sổ để bạn chọn ảnh từ máy tính hoặc thư viện có sẵn để chèn vào khung vừa vẽ.

**4. Lưu ý quan trọng**

* Tỷ lệ hình ảnh: Nếu ảnh gốc có tỷ lệ khác với khung bạn vẽ, hãy sử dụng tính năng "Cắt ảnh" hoặc "Tự động lấp đầy" trong bảng cài đặt để tránh ảnh bị méo.
* Thứ tự ưu tiên: Nên hoàn thiện bố cục tổng thể và sắp xếp các Container ở chế độ Máy tính (Desktop Mode) trước khi chuyển sang tinh chỉnh cho các thiết bị di động.
* Thao tác nhanh: Bạn có thể nhập thông số kích thước trực tiếp (ví dụ: 450px) hoặc chọn chế độ Fit Content để khung tự động co giãn theo nội dung bên trong, tránh việc nội dung bị đè lên nhau khi thay đổi chữ.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mhiring.vn/mcms/khoi-tao-co-ban/cau-truc-co-san.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.