Trước khi bạn có thể thêm mô-đun video vào trang của mình, trước tiên bạn phải sử dụng Divi Builder. Một khi Chủ đề Divi cài đặt trên của bạn Website, bạn sẽ nhận thấy một nút Sử dụng trình tạo hình ảnh phía trên nhà xuất bản mỗi khi bạn tạo một trang mới.
Nhấp vào nút này để kích hoạt Divi Builder và truy cập tất cả các mô-đun của Divi Builder. Sau đó bấm vào nút Sử dụng trình tạo hình ảnh để khởi động trình tạo ở chế độ trực quan. Bạn cũng có thể nhấp vào nút Bật Trình tạo hình ảnh khi bạn duyệt qua Website ở phía trước nếu bạn đã đăng nhập vào bảng điều khiển WordPress của mình.
Khi bạn đã vào Visual Builder, bạn có thể nhấp vào nút dấu cộng màu xám để thêm mô-đun mới vào trang của mình. Mô-đun mới chỉ có thể được thêm vào bên trong các hàng. Nếu bạn đang bắt đầu một trang mới, hãy nhớ thêm một hàng vào trang của bạn trước.
Tìm mô-đun thanh trượt video trong danh sách mô-đun và nhấp vào mô-đun đó để thêm vào trang của bạn. Danh sách mod có thể tìm kiếm được, có nghĩa là bạn cũng có thể gõ "Video slider" rồi nhấn Enter để tự động tìm và thêm mod video! Sau khi mô-đun được thêm vào, bạn sẽ được chào đón bởi danh sách tùy chọn mô-đun. Các tùy chọn này được chia thành ba nhóm chính: Nội dung , Conception et tiên tiến.
Điền vào con trỏ video với nội dung
Trước khi bạn điều chỉnh quá nhiều cài đặt, có lẽ tốt nhất bạn nên tiếp tục và lấp đầy thanh trượt video của mình bằng các trang trình bày video. Bằng cách này, khi bạn thực hiện các thay đổi, bạn sẽ có thể thấy chúng ảnh hưởng như thế nào đến kết quả cuối cùng. Để thêm một slide video mới, bạn cần nhấp vào liên kết + Thêm một mục mới .
Tại đây, bạn có thể tải xuống tệp .mp4 hoặc Webm. Bạn cũng có thể chèn URL video trên YouTube. Khi bạn đã tải lên tệp của mình hoặc thêm liên kết YouTube, chỉ cần nhấp vào nút màu xanh lục ở góc dưới bên phải và bạn sẽ được quay lại tab nội dung chính của mô-đun thanh trượt video. Lặp lại quá trình này cho mỗi video bạn muốn thêm.
Cài đặt nội dung mô-đun thanh trượt video
Bây giờ nội dung của bạn đã được thêm vào, có một số lĩnh vực khác để khám phá. Ba menu thả xuống trong tab nội dung nơi cài đặt đã được nhóm lại sẽ ảnh hưởng đến toàn bộ mô-đun.
Các yếu tố
Bên dưới các mục, bạn có thể điều chỉnh cài đặt mũi tên và thanh trượt của mô-đun thanh trượt video.
che
Tại đây bạn có thể chọn hiển thị hoặc ẩn lớp phủ video trên video chính. Điều này có thể được thực hiện bằng cách thêm lớp phủ vào mỗi trang trình chiếu video hoặc được tạo tự động bởi Divi.
Nhãn quản trị
Trong danh sách thả xuống này, bạn có thể thêm thẻ quản trị viên sẽ xuất hiện trong trình tạo back end, cũng như chế độ xem khung của trình tạo trực quan.
Thông số thiết kế mô-đun thanh trượt
Trong tab này chỉ có một nhóm tham số được gọi là Điều khiển màu . Tại đây, bạn có thể thay đổi màu của các điều khiển thanh trượt từ sáng sang tối, thay đổi màu của biểu tượng phát và điều chỉnh màu lớp phủ hình thu nhỏ.
Cài đặt Nâng cao Mô-đun Thanh trượt Video
Trong tab Nâng cao của mô-đun thanh trượt video của bạn, bạn có thể thêm ID và lớp css duy nhất. Bạn cũng có thể thêm css tùy chỉnh vào các bộ chọn css khác nhau được xác định trước (và được chọn trước) trong mô-đun trượt video thả xuống css tùy chỉnh. Cuối cùng, trong danh sách thả xuống khả năng hiển thị, bạn có thể điều chỉnh khả năng hiển thị của mô-đun của mình trên điện thoại, máy tính bảng và máy tính để bàn.
Cài đặt nội dung video cá nhân
Nếu bạn muốn tạo cài đặt cụ thể cho các trang trình bày riêng lẻ, các cài đặt này phải được định cấu hình trong chính các trang trình bày video. Chỉ cần nhấp vào biểu tượng bánh răng trên trang chiếu đó để mở cài đặt độc đáo của nó.
Vidéo
Như đã trình bày ở trên, đây là nơi bạn có thể thêm nội dung video của mình.
che
Từ danh sách thả xuống lớp phủ, bạn có thể tải lên hình ảnh để phủ lên trang trình bày video của mình hoặc chọn tự động tạo một hình ảnh.
Cài đặt thiết kế video cá nhân
Trên tab Thiết kế của trang trình bày video, bạn có thể thay đổi màu mũi tên của trang trình bày từ nhạt sang đậm.
Đó là tất cả cho hướng dẫn này, tôi hy vọng nó sẽ cho phép bạn sử dụng mô-đun cuộn video trên Divi.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]TẢI XUỐNG CHỦ ĐỀ DIVI [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]TẢI XUỐNG TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Hướng dẫn Divi khác
- trang web 5 để sử dụng hàng Divi chủ đề
- Cách thêm văn bản vào sản phẩm Divi WooCommerce
- Cách thay đổi màu menu giữa các trang Divi
- Cách cá nhân hóa lưới của blog với Divi
- Làm thế nào để sử dụng trình biên tập Divi vai trò trên WordPress
- Cách tạo thanh trượt Divi toàn màn hình
- Cách thay đổi màu của menu giữa các trang Divi
- Các tính năng có thể bạn chưa biết về Divi
- Cách sử dụng Divi Builder trên WordPress
- Cách sử dụng mô-đun cuộn video Divi
- Cách sử dụng mô-đun Divi Builder Flip
- Cách thêm mô-đun chứng thực trên Divi Builder
- Cách sử dụng mô-đun văn bản Divi
- Cách tạo thanh trượt trên Divi
- Cách chỉnh sửa vai trò người dùng Divi
- Cách sử dụng mô-đun Truyền thông xã hội Divi
- Cách sử dụng mô-đun cửa hàng trên chủ đề WordPress Divi
- Cách sử dụng mô-đun bên Divi
- Cách sử dụng mô-đun bảng giá Divi
- Cách sử dụng mô-đun tiêu đề của ấn phẩm Divi
- Cách thêm mô-đun video của Divi
- Cách sử dụng mô-đun điều hướng bài viết
- Cách sử dụng mô-đun tìm kiếm Divi
- Cách sử dụng mô-đun ví Divi
- Cách sử dụng mô-đun người trên Divi Builder
- Cách sử dụng mô-đun ví với bộ lọc Divi
- Cách sử dụng mô-đun trượt toàn bộ chiều rộng
- Cách sử dụng Mô-đun hình ảnh Divi Builder
- Cách sử dụng mô-đun điều hướng chiều rộng đầy đủ của Divi Builder
- Cách sử dụng mô-đun thư viện hình ảnh
- Cách sử dụng Mô-đun Thẻ Đa Năng Divi Builder
- Cách sử dụng Mô-đun danh mục đầu tư chiều rộng đầy đủ Divi
- Cách sử dụng mô đun tiêu đề toàn chiều rộng Divi
- Cách sử dụng Module Divi Counter
- Cách sử dụng thanh trượt bài viết trên Divi Builder
- Cách sử dụng mô-đun Optin Email Optin