Bỏ qua đến nội dung chính

Hướng dẫn Divi: Cách thêm mô-đun Video trên Divi

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 600.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

Thêm video vào trang của bạn trong Divi thật dễ dàng khi bạn sử dụng mô-đun Video. Mô-đun này cho phép bạn tích hợp video từ bất kỳ nguồn nào, nhưng cũng để tùy chỉnh hình thu nhỏ và nút phát.

Cách thêm mô-đun video vào trang của bạn

Trước khi bạn có thể thêm một mô-đun video vào trang của mình, trước tiên bạn phải chuyển sang Divi Builder. Sau khi chủ đề Divi được cài đặt trên trang web của bạn, bạn sẽ thấy một nút Sử dụng Divi Builder phía trên nhà xuất bản mỗi khi bạn tạo trang mới. Nhấn nút này để kích hoạt Divi Builder và truy cập tất cả các module Divi Builder. Sau đó bấm vào nút Sử dụng Visual Builder để khởi động trình tạo trong chế độ trực quan. Bạn cũng có thể nhấp vào nút Sử dụng Visual Builder khi bạn duyệt trang web của mình ở nền trước nếu bạn được kết nối với trang tổng quan WordPress của mình.

divi builder

Khi bạn đã nhập 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 bạn. Các mô đun mới chỉ có thể được thêm vào bên trong các hàng. Nếu bạn bắt đầu một trang mới, trước tiên đừng quên thêm một dòng vào trang của bạn.

video module divi.png

Tìm mô-đun video trong danh sách mô-đun và nhấp vào mô-đun đó để thêm mô-đun vào trang của bạn. Danh sách các mô-đun có thể tìm kiếm được, có nghĩa là bạn cũng có thể nhập từ "video" và sau đó nhấp enter để tìm kiếm và tự động thêm mô-đun video! Khi module được thêm vào, bạn sẽ được chào đón bởi danh sách tùy chọn module. 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 .

Ví dụ về trường hợp sử dụng: Thêm video vào trang đích của bạn

Thêm video vào trang đích của bạn là một cách tuyệt vời để quảng bá sản phẩm của bạn và tăng chuyển đổi. Trong ví dụ này, tôi sẽ chỉ cho bạn cách bạn có thể sử dụng mô-đun video để thêm video vào trang đích của mình. Tôi đặt một vòng tròn màu đỏ nơi video nên đi.

tạo video trên divi exemple.jpg

Sử dụng Visual Builder, tôi thêm một phần mới với một dòng đầy đủ (1 cột). Trong cài đặt dòng, trên tab Thiết kế, tôi chọn tùy chọn "Sử dụng Chiều rộng Tùy chỉnh". Đối với tùy chọn Chiều rộng tùy chỉnh xuất hiện, tôi nhập chiều rộng tùy chỉnh của 767px. Điều này có nghĩa là mô-đun video mà tôi sẽ thêm vào trong hàng này không vượt quá chiều rộng này và trở nên quá lớn trên các kích thước màn hình lớn hơn.

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả giá đắt cho những gì bạn có thể tự làm. [Miễn phí]

sử dụng chiều rộng tùy chỉnh divi.png

Sau đó, tôi thêm mô-đun video vào hàng. Trên tab Nội dung của cài đặt Mô-đun video, tôi nhập URL video của video mà tôi muốn nhúng vào trang đích của mình. Tôi đang sử dụng URL của video trên YouTube cho ví dụ này.

thêm video vào divi.png

Sau đó, tôi thêm URL lớp phủ hình ảnh cho video của mình bằng cách nhấp vào nút "Tạo video". Thao tác này sẽ tự động kéo hình ảnh của video lên lớp phủ bằng biểu tượng video tùy chỉnh mới.

thêm một lớp phủ divi video.jpg

Trên tab Thiết kế, tôi thay đổi màu của biểu tượng phát để khớp với trang đích của tôi.

Bạn đang tìm kiếm các chủ đề và plugin WordPress tốt nhất?

Tải xuống các plugin và chủ đề WordPress tốt nhất từ ​​Envato và dễ dàng tạo trang web của bạn. Đã có hơn 49.720.000 lượt tải xuống. [ĐỘC QUYỀN]

chỉnh sửa biểu tượng trình phát divi video.jpg

Bây giờ tôi có một video cho trang đích của tôi trông sạch sẽ và phù hợp với thiết kế của tôi.

thiết kế cuối cùng với nội dung video.jpg

Bây giờ bạn đã thấy mô-đun video đang hoạt động, hãy đi sâu vào tất cả các cài đặt của nó trong các phần bên dưới. Chúng tôi đã cung cấp một cái nhìn tổng quan chi tiết về những gì bạn sẽ tìm thấy trong mỗi tab của các tham số của mô-đun và giải thích về những gì từng cái đang làm.

Tùy chọn nội dung

module tham số divi.png

URL của video

Mô-đun Video Divi cho phép bạn thêm video bằng hai phương pháp khác nhau. Bạn có thể tải xuống tệp video của riêng mình từ máy tính bằng cách nhấp vào nút "Tải xuống video" và chọn tệp mong muốn hoặc bạn có thể nhập bất kỳ URL video nào từ nguồn video của bên thứ ba như Youtube hoặc Vimeo. Đơn giản chỉ cần sao chép và dán URL của trình duyệt của bạn và dán nó vào trường URL của video và Divi sẽ lo phần còn lại!

URL lớp phủ hình ảnh

Nếu bạn muốn đặt hình thu nhỏ của video tùy chỉnh, sẽ được đặt trên giao diện video chuẩn với nút phát tùy chỉnh để tạo giao diện gọn gàng hơn, cách điệu hơn, bạn có thể chọn làm như vậy bằng cách sử dụng trường Lớp phủ hình ảnh. Trường này cho phép bạn tải lên hình ảnh tùy chỉnh của riêng bạn hoặc tự động để Divi tạo một hình ảnh từ URL video của bạn. Hầu hết các nhà cung cấp video đều hỗ trợ tùy chọn này, chẳng hạn như Youtube và Vimeo. Chỉ cần nhấp vào nút "Tạo Video" và để Divi chăm sóc phần còn lại!

Nhãn quản trị

Theo mặc định, mô-đun video của bạn sẽ xuất hiện với thẻ 'Video' trong trình tạo. Tab Quản trị cho phép bạn thay đổi thẻ này để dễ nhận dạng.

Tùy chọn thiết kế

thay đổi màu của biểu tượng

thiết kế phần thiết kế divi.png

Nếu bạn chỉ định lớp phủ hình ảnh cho mô-đun video của mình, video được hiển thị sẽ chứa biểu tượng phát trên video. Bạn có thể chỉ định màu của biểu tượng này tại đây để khớp với màu của trang.

Dễ dàng tạo cửa hàng trực tuyến của bạn

Tải xuống WooC Commerce miễn phí, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Khuyến nghị]

Tùy chọn nâng cao

mô-đun video nâng cao section.png

Mã định danh CSS và các lớp

Điều này có thể được sử dụng để thêm một ID hoặc lớp CSS vào mô-đun của bạn. Sau đó, chúng có thể được sử dụng trong biểu định kiểu của bạn hoặc trong hộp Tùy chọn chủ đề tùy chỉnh CSS để áp dụng kiểu tùy chỉnh cho mô-đun. Thông tin đăng nhập CSS cũng có thể được nhắm mục tiêu với liên kết cố định để liên kết đến các khu vực nhất định trên trang của bạn.

CSS tùy chỉnh

Tại đây bạn có thể thêm CSS tùy chỉnh vào mô-đun video của mình.

tầm nhìn

Nếu bạn muốn ẩn mô-đun video của mình trên một số thiết bị, bạn có thể chọn các thiết bị mà bạn muốn tắt mô-đun video.

Hướng dẫn Divi khác

Bài viết này chứa comments 0

Để lại một bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được chỉ định bằng *

Trang web này sử dụng Akismet để giảm thư rác. Tìm hiểu thêm về cách sử dụng dữ liệu phản hồi của bạn.

Trở lại đầu trang
16 cổ phiếu
cổ phiếu8
tweet3
Enregistrer5