# Trang chủ

Dùng để tùy chỉnh trang chủ với giao diện theo màu sắc thương hiệu.

Khi kích hoạt Trang chủ, ta có thể cài đặt các nội dung để hiển thị trên trang chủ như sau

### **BANNER**

Dùng để tùy chỉnh ảnh bìa và các nội dung hiển thị trên ảnh. Nhập các nội dung, chọn Banner, sau đó bấm Tạo.

<figure><img src="/files/xrsmo0PoYwj74aYxZCSI" alt=""><figcaption></figcaption></figure>

Sau đó, bấm Công khai để hiển thị trên trang chủ.

<figure><img src="/files/zywRZHl3YcMK8QQ1391A" alt=""><figcaption></figcaption></figure>

Kết quả sẽ hiển thị như hình sau.&#x20;

<figure><img src="/files/mRgaNgV8XbcQJK3jAJ77" alt=""><figcaption></figcaption></figure>

### **KHÓA HỌC**

Dùng để hiển thị các khóa học tiêu biểu hoặc các khóa học mới nhất.

*Lưu ý: trang chủ chỉ hiển thị các loại khóa học như: Miễn phí, Thanh toán và Thành viên. Loại khóa học Riêng tư sẽ không hiển thị trên trang chủ.*

<figure><img src="/files/py19gj6xqwQJdNVv6ZAw" alt=""><figcaption></figcaption></figure>

Sau đó, bấm Công khai để hiển thị trên trang chủ.

<figure><img src="/files/pJvJkw5q3TOCEg6T00oB" alt=""><figcaption></figcaption></figure>

Kết quả sẽ hiển thị như hình sau.&#x20;

<figure><img src="/files/66Um3cSEsvLDVLeXiOFo" alt=""><figcaption></figcaption></figure>

### **BÀI VIẾT**

Dùng để hiển thị các bài viết tiêu biểu hoặc các bài viết mới nhất.

<figure><img src="/files/pmrhGlDqHR2WleWMCZB6" alt=""><figcaption></figcaption></figure>

Sau đó, bấm Công khai để hiển thị trên trang chủ.

<figure><img src="/files/42ygJMbRYUMRwqUs5O5a" alt=""><figcaption></figcaption></figure>

Kết quả sẽ hiển thị như hình sau.&#x20;

<figure><img src="/files/ST6eluU3ETFIRHz328ba" alt=""><figcaption></figcaption></figure>

### **TEXT**

Dùng để hiển thị các nội dung text, có thể chèn background

<figure><img src="/files/rDODePqizbbtihJjKWFp" alt=""><figcaption></figcaption></figure>

Sau đó, bấm Công khai để hiển thị trên trang chủ.

<figure><img src="/files/Fcp4sxh1gIxm5Ti0wvEo" alt=""><figcaption></figcaption></figure>

Kết quả sẽ hiển thị như hình sau.&#x20;

<figure><img src="/files/pF3iHrbAi7CrulOwVCBi" alt=""><figcaption></figcaption></figure>

### **ĐÁNH GIÁ**

Dùng để hiển thị đánh giá của các khóa học

<figure><img src="/files/JovypfH14zxqjj1uHVr4" alt=""><figcaption></figcaption></figure>

Sau đó, bấm Công khai để hiển thị trên trang chủ.

<figure><img src="/files/sKYQfXYkzcprqNCRUb9g" alt=""><figcaption></figcaption></figure>

Kết quả sẽ hiển thị như hình sau.&#x20;

<figure><img src="/files/iqw8rnwwr1r8FUyEAC9D" alt=""><figcaption></figcaption></figure>

### **CỘT**

Dùng để tùy chỉnh nhiều nội dung để hiển thị trong một hàng, như text (văn bản), media (hình ảnh), video hoặc google maps. Có thể hiển thị tối đa 4 cột.

<figure><img src="/files/PsFEXUGqL9M8uy19FvmB" alt=""><figcaption><p>Thêm cột là text</p></figcaption></figure>

<figure><img src="/files/oP6lXrOkS9k0wQEcu6tL" alt=""><figcaption><p>Thêm cột là media</p></figcaption></figure>

<figure><img src="/files/lJxLUOBZ2V84Jg1qmgkA" alt=""><figcaption><p>Thêm cột là video</p></figcaption></figure>

Đối với cột là Google Maps, ta thực hiện theo các bước sau

**Bước 1:** Truy cập vào link <https://www.google.com/maps>

**Bước 2:** Nhập địa chỉ mà bạn mong muốn

**Bước 3:** Tại Menu, chọn Chia sẻ hoặc nhúng bản đồ

<figure><img src="/files/etLxCt3tK79lVJr8xBZI" alt=""><figcaption></figcaption></figure>

**Bước 4:** Chọn Nhúng bản đồ, rồi chọn Sao chép HTML

<figure><img src="/files/bFIzjJnptDbrhmcajhbP" alt=""><figcaption></figcaption></figure>

Dán link vào khung Nội dung sẽ được kết quả như hình dưới đây.

<figure><img src="/files/oy4lu6afxRwpJVrof3n8" alt=""><figcaption><p>Thêm cột là google maps</p></figcaption></figure>

Sau đó, bấm Công khai để hiển thị trên trang chủ.

<figure><img src="/files/Fs4SKu0ydbOJlkwLTr6Z" alt=""><figcaption></figcaption></figure>

Kết quả sẽ hiển thị như hình sau.&#x20;

<figure><img src="/files/mh4R62MWNNbwOw2MNqij" alt=""><figcaption></figcaption></figure>


---

# 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://huongdan.edutek.io/administrator/settings/trang-chu.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.