Thay nền/background cho section

Phần nền của một section có thể thể hiện dưới 3 dạng: Hình ảnh, Màu sắc hoặc Video.

  1. Thay ảnh làm hình nền:

Để thay ảnh làm nền bạn lựa chọn thiết lập như hình dưới:

Cửa sổ quản lý thư viện hiện ra bạn bấm nút Chọn tệp để tải ảnh từ máy tính của mình lên thư viện.

Chọn ảnh bạn vừa tải lên từ danh sách ảnh trong thư viện sau đó bấm nút Sử dụng để chèn ảnh vào Landing Page hoặc bạn có thể click đúp vào ảnh muốn chèn.

Bạn có thể chọn các kiểu cho ảnh nền section: Vừa khung tự động, Mặc định, Vừa khung cao, Vừa khung rộng và Parallax hoặc Tùy Chỉnh lại kiểu hiển thị của ảnh

  • Các kiểu "Vừa khung tự động; Vừa khung cao; Vừa khung rộng" sẽ cân đối chiều dọc, chiều ngang của ảnh cho vừa khung hình.

  • Kiểu parallax là kiểu hiển thị ghim ảnh khi cuộn chuột.

Giao diện mobile không hỗ trợ kiểu Parallax, nên trên thiết kế mobile, bạn không đồng bộ thiết kế desktop Mobile và chọn kiểu khác cho ảnh nền section mobile.

  • Tùy chỉnh lại ảnh hiển thị: trong trường hợp bạn tải lên 1 ảnh nhỏ, nhưng muốn nó hiển thị vừa màn hình theo cách lặp lại liên tục cách ảnh hoặc giãn ảnh theo kích thước tùy biến, thì bạn có thể sử dụng mục tùy chỉnh

Bạn thay đổi thông số ở mục kích thước bằng cách chọn sẵn thông số gợi ý ( 100% 100% là vừa màn hình , 50px 50px là tạo lặp lại các ảnh kích thước 50px ). Bạn sửa các thông số 50px theo nhu cầu của bạn

Ví dụ trường hợp chọn kích thước 100% 100%
Ví dụ về trường hợp chọn kích thước 50px 50px

Bạn có thể tạo màu/hình ảnh phủ trên ảnh nền section bằng cách sử dụng Overlay. Bạn vào mục Overlay --> chọn kiểu (Màu cơ bản/Màu gradient)--> Tùy chỉnh thanh độ phủ Opacity như hình bên dưới:

Nếu bạn chọn Overlay kiểu hình ảnh, bạn có thể sử dụng thêm Blend Mode và Trong suốt để thiết kế thêm sinh động:

2. Thay video làm hình nền section.

Để thay video làm nền, bạn lựa chọn thiết lập như hình dưới:

Bạn có thể chèn trực tiếp link của Youtube hoặc dùng LadiPage Video bằng cách tải trực tiếp video lên builder.

3. Nền section chọn kiểu Màu cơ bản hoặc Màu gradient.

Bạn có thể đồ màu nền cho section bằng cách sử dụng Màu cơ bản hoặc Màu Gradient:

Last updated