> For the complete documentation index, see [llms.txt](https://help.tempi.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.tempi.vn/cac-thanh-phan-co-ban-tren-tempi/phan-tu/thu-vien-anh.md).

# Thư viện ảnh

Hướng dẫn chi tiết cách sử dụng Thư viện ảnh trên Trình kéo thả Website/Landing page

### Cách thêm Thư viện ảnh <a href="#cach-them-thu-vien-anh" id="cach-them-thu-vien-anh"></a>

Tại vị trí mà bạn muốn thêm thư viện ảnh, kéo phần tử **Thư viện ảnh** 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í đó.

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2Ff0Cu49c0ykrmQpiPe7QS%2Funnamed%20(8).webp?alt=media&amp;token=06d3a471-a7d3-465c-bf26-0e333c35efea" alt=""><figcaption></figcaption></figure>

### Cách tải ảnh lên Thư viện ảnh <a href="#cach-tai-anh-len-thu-vien-anh" id="cach-tai-anh-len-thu-vien-anh"></a>

Bước 1: Bấm vào Thư viện ảnh -> Bấm vào **Quản lý ảnh**

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2FhNCqgZeBNLvGdIIfIltQ%2Funnamed%20(9).webp?alt=media&amp;token=fa17dc7d-03fb-404e-8f9b-405c3df0ead4" alt=""><figcaption></figcaption></figure>

Bước 2: Bấm vào từng ảnh có sẵn để thay thế bằng ảnh của bạn hoặc Tải ảnh lên từ thiết bị

<br>

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2FrraDNUwko6dZJRBKH1Pd%2Funnamed%20(10).webp?alt=media&amp;token=05086100-0926-4f82-8d8b-00abad7480b4" alt=""><figcaption></figcaption></figure>

### Cách cấu hình Thư viện ảnh <a href="#cach-cau-hinh-thu-vien-anh" id="cach-cau-hinh-thu-vien-anh"></a>

Bấm vào phần tử Thư viện ảnh -> Bấm vào icon như ảnh minh hoạ để mở bảng Cấu hình Thư viện ảnh.

<br>

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2F4iLaSSvwWCzoXDp9dOD5%2Funnamed%20(11).webp?alt=media&amp;token=6359e272-c3da-402d-952e-bfe0bd632d34" alt=""><figcaption></figcaption></figure>

Hướng dẫn theo thứ tự từ trên xuống dưới:

* Bố cục: Kiểu hiển thị Thư viện ảnh
* Số cột: Số cột hiển thị trên 1 hàng
* Khoảng cách giữa các ảnh
* Phóng to khi click ảnh (Chỉ xem được ở chế độ Xem trước và Đã xuất bản)