# Nội dung thu gọn

### Cách thêm Nội dung thu gọn[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/noi-dung-thu-gon/#c%C3%A1ch-th%C3%AAm-n%E1%BB%99i-dung-thu-g%E1%BB%8Dn) <a href="#cach-them-noi-dung-thu-gon" id="cach-them-noi-dung-thu-gon"></a>

Tại vị trí mà bạn muốn thêm nội dung thu gọn, kéo phần tử **Nội dung thu gọn** vào bố cục có sẵn. Khi vị trí hiển thị màu xanh (ảnh) thì có nghĩa là bạn có thể đặt phần tử vào vị trí đó.

<div align="center"><img src="https://lh3.googleusercontent.com/afEbjp3juLA10By4PPtUKmyWew8kOjunpSVpTPkyZNVHgUv4oL-f97fuDHVvKydt1XnFIlxf1ffDLwgjq_VAN892Ywss_fm3=rw-w2304" alt="Thêm nội dung thu gọn vào bố cục"></div>

### Cách chỉnh sửa tiêu đề và nội dung cho Nội dung thu gọn[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/noi-dung-thu-gon/#c%C3%A1ch-ch%E1%BB%89nh-s%E1%BB%ADa-ti%C3%AAu-%C4%91%E1%BB%81-v%C3%A0-n%E1%BB%99i-dung-cho-n%E1%BB%99i-dung-thu-g%E1%BB%8Dn) <a href="#cach-chinh-sua-tieu-de-va-noi-dung-cho-noi-dung-thu-gon" id="cach-chinh-sua-tieu-de-va-noi-dung-cho-noi-dung-thu-gon"></a>

Bước 1: Bấm trực tiếp vào phần **Item 1** để chỉnh sửa tiêu đề.

<div align="center"><img src="https://lh3.googleusercontent.com/k--_QQkko5rxoEyr1YrBh2oBPn2z02_LuM6qY718pc7x_xhdbv486peLizj0q2g5etIlak8P2VRdW3Mtz3IH0uoEC670jlk-Fg=rw-w1290" alt="Sửa tiêu đề nội dung thu gọn"></div>

Bước 2: Kéo phần tử bất kỳ vào vị trí có dấu "+" (ảnh minh hoạ) để thêm nội dung cụ thể cho từng Item trong Nội dung thu gọn.

<div align="center"><img src="https://lh3.googleusercontent.com/TRSVlhPaO05VubWK_pzPGdFAD-GfARQpvXMEqzLu2VK1-MC5JZioazLXIrb3mjlmChv4NVNt9qiLlnTQVgvdkU1n0YiF2u5s3w=rw-w3338" alt="Sửa nội dung cho từng Item nội dung thu gọn"></div>

Bước 3: Chỉnh sửa phần tử đã kéo thả trong Item như các phần tử cơ bản khác.

### Cách cài đặt Nội dung thu gọn[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/noi-dung-thu-gon/#c%C3%A1ch-c%C3%A0i-%C4%91%E1%BA%B7t-n%E1%BB%99i-dung-thu-g%E1%BB%8Dn) <a href="#cach-cai-dat-noi-dung-thu-gon" id="cach-cai-dat-noi-dung-thu-gon"></a>

Bấm vào phần tử Nội dung thu gọn để mở thanh cài đặt Nội dung thu gọn.

<div align="center"><img src="https://lh3.googleusercontent.com/2YnA2VGnhR_vuEEX6wh3a1uuLRYyuGM4aVkSSbP-jxRNZO4xiWjvheX4ZGGh27YD_4fX8M0xGVRLpN5DLFuu1QfmNPzOmLB8bw=rw-w1276" alt="Cài đặt nội dung thu gọn"></div>

Hướng dẫn theo thứ tự từ trái qua phải:

**Tuỳ chỉnh nội dung thu gọn**

Danh sách:

* Khoảng thời gian (s): Thời gian nội dung trong Item hiển thị khi bấm vào tiêu đề của Item
* Khoảng cách giữa các mục: Khoảng cách giữa các Item
* Vị trị biểu tượng: Vị trí đặt nút mở nội dung trong Item

Nội dung:

* Căn chỉnh: Điều chỉnh vị trí căn trái/giữa/phải cho nội dung trong Item
* Padding: Điều chỉnh vị trí tuỳ ý cho nội dung trong Item

**Cài đặt Phông chữ, Độ dày phông chữ, Cỡ chữ, Khoảng cách dòng, Khoảng cách chữ cho Tiêu đề trong Item**

**Ảnh nền: Tải ảnh từ thiết bị hoặc dùng đường dẫn ảnh để làm ảnh nền cho Nội dung thu gọn**

**Màu khối**

* Chữ: Cài đặt màu chữ cho Tiêu đề
* Icon: Cài đặt màu của nút mở nội dung trong Item
* Nền: Cài đặt màu nền cho toàn bộ nội dung thu gọn
* Viền: Cài đặt Bo góc và Kiểu viền cho Nội dung thu gọn
* Tuỳ chỉnh kích thước: Cài đặt chiều rộng cho Nội dung thu gọn


---

# 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://help.tempi.vn/cac-thanh-phan-co-ban-tren-tempi/phan-tu/noi-dung-thu-gon.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.