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

Cách tạo video giới thiệu theo ngữ cảnh 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ị]

Một trong những trang đích độc quyền mà nhiều trang cung cấp cho người đăng ký của họ trong giai đoạn Thứ Hai điện tử, là trang đích tuyệt vời của các phiên bản phần mềm. Bố cục này có các hình minh họa đẹp và sử dụng độc đáo các phần phân cách sẽ khiến khách truy cập ngạc nhiên.

cyber monday.jpg

Làm thế nào để có được trang đích phát hành phần mềm độc quyền cho Cyber ​​Monday

Trước khi bắt đầu sử dụng, bạn nên tự làm quen với trang đích độc quyền Thứ Hai Điện Tử mà bạn có thể có được bằng cách trở thành thành viên Elegant Themes mới, nâng cấp tài khoản hiện tại hoặc trở thành thành viên trọn đời. với chúng tôi Nếu bạn đã là thành viên trọn đời, bạn có thể đăng nhập vào khu vực thành viên của chúng tôi và tải xuống tất cả các trang độc quyền của chúng tôi tại đây. Tất cả người dùng khác sẽ cần sử dụng nút bên dưới để mua hoặc nâng cấp trước khi họ có thể làm theo phần còn lại của hướng dẫn của chúng tôi.

Đã là thành viên cuộc sống? Bạn có thể tải gói ngay bây giờ, không cần phải tham gia ưu đãi Thứ Hai Điện Tử!

Cách tạo video giới thiệu theo ngữ cảnh trên Divi

Khi bạn đã tải xuống trang đích phiên bản phần mềm mới từ khu vực thành viên của chúng tôi, bạn có thể tiếp tục đọc phần sau.

Trong trường hợp sử dụng hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tạo video demo bằng cách nhấp vào nút. Video xuất hiện lúc nhấp sẽ trông tuyệt vời trên màn hình máy tính để bàn và nhỏ. Đây là một cách tiếp cận tuyệt vời nếu bạn không muốn đưa video trực tiếp lên trang của mình mà thích tương tác với khách truy cập.

khảo sát

Trước khi đi sâu vào hướng dẫn, hãy xem kết quả cuối cùng trong các kích thước màn hình khác nhau.

Văn phòng

kết quả cuối cùng divi video popup.gif

di động

kết quả video trên thiết bị di động bật lên divi.gif

Hãy bắt đầu!

Sử dụng plugin Video PopUp miễn phí

Cài đặt và kích hoạt plugin

Điều đầu tiên cần làm là tải xuống Plugin tự do Video PopUp . Bạn có thể tìm thấy plugin này bằng cách truy cập Trang web WordPress> Plugin> Thêm mới> Tìm kiếm 'Video PopUp'. Một khi bạn đã tìm thấy plugin này, hãy cài đặt nó. Khi bạn đã hoàn tất, hãy đảm bảo kích hoạt plugin.

video popup.jpg

Cài đặt plugin

Tiếp tục bằng cách đi tới cài đặt chung của plugin này và kích hoạt hai tùy chọn ở trên cùng.

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í]

cấu hình video popup.jpg

Thêm trang mới bằng cách sử dụng trang đích của phiên bản phần mềm

Thêm một trang mới và cho phép sử dụng Visual Builder

Đã đến lúc bắt đầu đưa mọi thứ vào thực tế! Thêm một trang mới, đặt tiêu đề cho trang của bạn và kích hoạt Trình tạo hình ảnh ngay lập tức.

tạo một trang mới divi.jpg

Tải xuống bố cục phiên bản phần mềm từ bố cục đã lưu

Chuyển đến "Bố cục đã lưu của bạn" và tải xuống trang đích bạn đã đăng.

đã tải lên bố cục divi.jpg

Thêm mô-đun văn bản trong mô-đun Blurb của nút phát

Như bạn có thể thấy, trang đã chứa nút phát sẽ giúp chúng tôi có được kết quả mong muốn. Nhưng để làm việc này, chúng ta cần tạo lại thiết kế trong mô-đun Blurb bằng mô-đun văn bản. Thêm mô-đun văn bản mới ngay bên dưới mô-đun Blurb.

thêm văn bản ở trên mô-đun blurb.jpg

Thêm hình ảnh vào khu vực nội dung

Khi bạn đã thêm mô-đun văn bản, hãy tiếp tục và thêm hình ảnh của nút phát vào vùng nội dung của mô-đun văn bản của bạn bằng cách nhấp vào " Thêm phương tiện Và chọn nút phát trên thư viện phương tiện của bạn.

Thêm phương tiện vào blurb divi.jpg

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ọn ảnh divi.jpg

Thêm bản sao vào khu vực nội dung

Tiếp tục thêm bản sao ngay bên dưới hình ảnh.

mô-đun trùng lặp blurb.jpg

Cài đặt văn bản

Để mô-đun khớp với bản trình bày, chúng tôi sẽ bật hướng của văn bản trung tâm trong thông số văn bản của mô-đun.

kích hoạt central orientation.jpg

Cài đặt văn bản liên kết mặc định

Và chúng tôi cũng sẽ sửa đổi các thông số của văn bản liên kết cho phù hợp:

  • Phông chữ liên kết: Cabin
  • Trọng lượng phông chữ liên kết: đậm
  • Màu văn bản liên kết: rgba (162,176,193,0.7)
  • Kích thước văn bản liên kết: 17px
  • Chiều cao của đường liên kết: 1.6em

design menu link divi.jpg

Di chuột qua cài đặt văn bản

Thay đổi màu của văn bản di chuột.

  • Màu văn bản liên kết: # a2b0c1

thay đổi màu của liên kết divi.jpg

khoảng cách

Cuối cùng, cũng thêm một lề trên tiêu cực vào mô-đun văn bản.

  • Marign hàng đầu: -20vw

xác định lề trên divi.jpg

Thêm đọc theo ngữ cảnh vào nội dung của mô-đun văn bản

Chuyển sang trình chỉnh sửa văn bản

Để tạo cửa sổ bật lên, chúng tôi sẽ cần thêm liên kết tùy chỉnh vào nội dung của mô-đun văn bản. Quay lại vùng nội dung của mô-đun văn bản và chọn chế độ Trình soạn thảo văn bản.

chỉnh sửa mô-đun văn bản trong chế độ soạn thảo văn bản divi.jpg

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ị]

Thêm liên kết vào tất cả nội dung

Liên kết khu vực nội dung của bạn với cửa sổ bật lên bằng cách thêm liên kết vào hình ảnh và sao chép. Đảm bảo thay thế URL của liên kết bằng liên kết của bạn.

<a class="vp-s vp-yt-type" href="https://www.youtube.com/watch?v=zesTKCnvyAU" data-dwrap="1"> </a>

thêm liên kết một hình ảnh với video divi.jpg

Xóa mô-đun Blurb khỏi nút phát

Bây giờ chúng ta đã tạo ra một mô-đun văn bản trông giống như mô-đun Blurb, chúng ta có thể loại bỏ mô-đun Blurb trước đó và đó là nó! Bạn có thể áp dụng phương thức này cho bất kỳ kiểu bố cục nào bạn sử dụng, nhưng nó thực sự là một giá trị tuyệt vời cho trang đích phát hành phần mềm.

loại bỏ các mô-đun không sử dụng blurb divi.jpg

Suy nghĩ cuối cùng

Như bạn có thể thấy, việc thêm một cửa sổ popup trên Divi bằng cách sử dụng plugin Video Popup khá đơn giản. Điều này sẽ cho phép bạn trình bày video trên blog của bạn mà không cần phải tích hợp nó vào nội dung.

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
5 cổ phiếu
cổ phiếu4
tweet
Enregistrer1