3.3. Thư viện
Last updated
Last updated
Tiện ích Thư viện cho phép bạn hiển thị một tập hợp hình ảnh theo cách hấp dẫn và có tổ chức trên landing page. Bạn có thể sử dụng gallery để giới thiệu danh mục sản phẩm, bộ sưu tập ảnh, hoặc các hình ảnh liên quan đến dịch vụ mà bạn cung cấp.
Nhấn vào Tiện ích ở thanh sidebar của trình chỉnh sửa.
Chọn Thư viện trong mục Phương tiện.
Chọn phần tử Thư viện và kéo vào trang landing page.
Để mở trình chỉnh sửa Nội dung, bạn click vào Thư viện muốn chỉnh sửa trên màn hình ⇒ Chọn Nội dung trên thanh thiết lập nhanh. Tại đây, bạn có thể thêm hoặc đổi hình ảnh cho phù hợp với landing page của mình.
Để mở trình chỉnh sửa Thiết kế, bạn click vào Thư viện muốn chỉnh sửa trên màn hình ⇒ Chọn Thiết kế trên thanh thiết lập nhanh.
Căn chỉnh: Giúp bạn căn chỉnh Thư viện theo khung chứa, chi tiết tại đây.
Kích thước: Trong trình chỉnh sửa thiết kế giúp bạn điều chỉnh kích thước và vị trí của các phần tử trên trang landing page, chi tiết tại đây.
Hiển thị: Cho phép bạn kiểm soát việc hiển thị Thư viện trên các thiết bị khác nhau bao gồm máy tính và điện thoại.
Thiết kế: Cho phép bạn thay đổi màu nền và hiệu ứng đổ bóng của Thư viện đã chọn, chi tiết tại đây.
Đường viền: Cho phép bạn thêm và tùy chỉnh viền xung quanh của Thư viện, bạn cũng có thể điều chỉnh độ bo tròn của viền, chi tiết tại đây.
Bố cục thư viện: Cấu hình các thiết lập chung cho Thư viện, bao gồm cách hiển thị hình ảnh, số lượng cột, khoảng cách giữa các hình ảnh, và các tùy chọn liên quan khác.
Grid: là một cách tổ chức nội dung theo dạng lưới, giúp sắp xếp các phần tử (như hình ảnh, văn bản, hoặc các widget) một cách ngăn nắp và dễ quản lý.
Masonry: là một kiểu bố trí lưới cho phép các phần tử (như hình ảnh) được sắp xếp theo cách không đồng đều để tối ưu hóa không gian và tạo ra một giao diện trực quan.
Để mở trình chỉnh sửa Nâng cao, bạn click vào Thư viện muốn chỉnh sửa trên màn hình ⇒ Chọn Nâng cao trên thanh thiết lập nhanh.
Hiệu ứng: Cho phép bạn thêm các hiệu ứng động cho tiện ích trên landing page để tạo sự thu hút và sinh động hơn, chi tiết tại đây.
Thiết kế đồng bộ Desktop/Mobile: Cho phép bạn cài đặt tùy chọn đồng bộ thiết kế giữa máy tính và điện thoại, chi tiết tại đây.
Kiểu định vị: Cho phép bạn lựa chọn kiểu định vị phù hợp để tối ưu hóa trang web và mang lại trải nghiệm tốt nhất cho khách hàng, chi tiết tại đây.
Tùy chỉnh nâng cao: Cho phép bạn tùy biến giao diện và hành vi của thành phần thông qua các lớp CSS và mã CSS tùy chỉnh, chi tiết tại đây.