Bỏ qua điều hướng
← Về danh sách bài viết
Hướng dẫn kỹ thuật

Hướng dẫn thêm Backgroud vào Section

Bài viết này BKNS sẽ hướng dẫn thêm Backgroud vào Section cho bạn nhé!

huong-dan-them-backgroud-vao-section

Bài viết này BKNS sẽ hướng dẫn thêm Backgroud vào Section cho bạn nhé!

huong-dan-them-backgroud-vao-section
Hướng dẫn thêm Backgroud vào Section

Hướng dẫn thêm Backgroud vào Section

Để thêm Backgroud vào Section, ta có hai cách khác nhau để thực hiện điều đó.

Dùng Row Dialog Box

1. Mở trang bạn muốn chỉnh sửa trong trình chỉnh sửa

Để thực hiện, hãy nhấp vào biểu tượng Edit trên trang như hình ảnh hiển thị bên dưới.

image-2024-10-11_14-7-42.png

2. Sau khi bạn mở Trang trong Editor, hãy làm theo các bước dưới đây

Chọn Row mà bạn muốn Thêm Background bằng cách nhấn kéo thả vào phần bạn muốn thêm Background như hình ảnh hiển thị bên dưới.

Ở phần Settings chọn Background

image-2024-10-11_14-18-2.png

Bây giờ Chọn Loại Nền bạn muốn cung cấp cho Hàng cụ thể đó

image-2024-10-11_14-19-44.png
image-2024-10-11_14-20-39.png

3. Khi bạn chọn một trong các Tùy chọn cho Background thì sẽ cần một số thông tin đầu vào, chỉ cần Điền như hình dưới đây.

Cho Video Background

Bạn có thể upload video từ máy bằng cách nhấp vào biểu tượng thư mục hoặc điền URL Link có sẵn của video ở phần ô trống.

image-2024-10-11_14-30-18.png

Cho Parallax Image Background

image-2024-10-11_14-57-31.png

Cho Image Slider Background

Thêm nhiều ảnh cho Background Image Slider

image-2024-10-11_15-1-17.png

Sử dụng Edit Element Style

1) Khi bạn mở Trang trong Trình chỉnh sửa, hãy làm theo các bước dưới đây

Chọn phần muốn chỉnh sửa background, chọn Background Style.

image-2024-10-11_15-4-24.png

2) Bây giờ trong Background Type, chọn Màu nền hoặc Loại nền bạn muốn thêm vào như hình bên dưới.

image-2024-10-11_15-8-4.png

Cho Image Background

Nếu bạn muốn hình nền thì chỉ cần nhấp vào Image và chọn Hình ảnh bạn muốn như trong hình bên dưới.

image-2024-10-11_15-11-21.png

Cho Gradient Background

Nếu bạn muốn có Nền chuyển màu thì chỉ cần nhấp vào Gradient và chọn Góc chuyển màu và Màu như trong hình bên dưới.

image-2024-10-11_15-13-45.png

Tổng kết

Vậy là bạn đã nắm được cách thêm Backgroud vào Section một cách dễ dàng! Thật đơn giản phải không nào? Hãy nhớ ghé thăm huongdan.bkns và BKNS để cập nhật những thông tin bổ ích và thú vị tiếp theo nhé!