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

cyber monday.jpg

Cách nhận trang đích phát hành phần mềm độc quyền cho Thứ Hai Điện Tử

Trước khi bắt đầu sử dụng, bạn nên tự làm quen với trang đích Thứ Hai Điện Tử độc quyền mà bạn có thể nhận đượ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 có hoặc đã là 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ả những 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ể hoàn thành phần còn lại của hướng dẫn của chúng tôi.

Đã là một thành viên cuộc sống? Bạn có thể tải xuống gói ngay bây giờ, không cần tham gia vào ư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 của hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tạo video demo chỉ bằng một nút bấm. Video xuất hiện khi nhấp chuột sẽ trông tuyệt vời trên máy tính để bàn và màn hình 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 vào trang của mình nhưng muốn tạo tương tác với khách.

khảo sát

Trước khi đi sâu vào hướng dẫn, chúng ta hãy xem kết quả cuối cùng ở 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 website WordPress> Plugin> Thêm mới> Tìm kiếm 'Video PopUp'. 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 đến cài đặt chung của plugin này và kích hoạt hai tùy chọn ở trên cùng.

cấu hình video popup.jpg

Thêm một 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à ngay lập tức kích hoạt Visual Builder.

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 đã tải lên.

bố trí tải lên 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 đã có một nút phát sẽ giúp chúng ta đạt được kết quả mong muốn. Nhưng để điều này hoạt động, 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ột 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 một 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 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 một phương tiện truyền thông 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

chọn ảnh divi.jpg

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

Tiếp tục bằng cách thêm một 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

Để làm cho mô-đun phù hợp với bố cục, chúng tôi sẽ bật hướng văn bản trung tâm trong cài đặt văn bản 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 tham số của văn bản liên kết tương ứng:

  • 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 âm vào mô-đun văn bản.

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

đặt 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 soạn thảo văn bản

Để tạo cửa sổ bật lên khi nhấp chuột, chúng tôi sẽ cần thêm một 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 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

Thêm một liên kết đến tất cả nội dung

Liên kết vị trí 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 đến hình ảnh và bản sao. Đảm bảo thay thế URL liên kết bằng URL của riêng 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 một mod văn bản trông giống hệt như mod Blurb, chúng ta có thể xóa mod Blurb đã tồn tại trước đó và thế là xong! Bạn có thể áp dụng phương pháp này cho bất kỳ loại bố cục nào bạn sử dụng, nhưng nó thực sự là một giá trị gia tăng lớn cho trang đích phiên bản phần mềm.

xóa mô-đun blurb không sử dụng divi.jpg

cuối cùng suy nghĩ

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