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

Làm thế nào để mở một video Youtube trong một popup trên WordPress

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

Bạn muốn tìm hiểu cách mở video Youtube trong cửa sổ bật lên trên WordPress?

La hộp đèn hoặc cửa sổ phương thức (bật lên) là một tính năng rất phổ biến trên mạng. Tuy nhiên, nó thường được sử dụng để hiển thị hình ảnh, biểu mẫu chụp email, khuyến mãi hoặc thậm chí là biểu mẫu đăng ký. 

Nhưng bạn có biết rằng bạn cũng có thể sử dụng nó để hiển thị video trên WordPress ? Không? 

Đừng lo lắng, trong hướng dẫn này, tôi sẽ chỉ cho bạn cách hiển thị video (Youtube - Vimeo - vv) trong hộp đèn.

Nhưng trước đây, nếu bạn chưa bao giờ cài đặt WordPress khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn 

Sau đó trở lại lý do tại sao chúng ta ở đây.

Những lý do tại sao bạn nên sử dụng một hộp đèn để hiển thị video của bạn 

Les hộp đèn là cửa sổ phương thức, tuy nhiên, điều bạn không biết là không phải tất cả các hình ảnh hiển thị trong đó đều được tải trong « tải«  trang. 

Le hoa tiêu phí les hình ảnh khi hộp đèn mở ra, đây cũng là trường hợp của video. Tóm lại, đó là một tính năng sẽ cho phép các trang của bạn mở nhanh hơn. Nó cũng sẽ cho phép bạn giảm kích thước (chiều dài) Trong trang của bạnbởi vì một phần nội dung của trang này sẽ có sẵn trong cửa sổ phương thức này.

Truce chatter, hãy xuống để kinh doanh.

Làm thế nào để cài đặt và cấu hình Plugin WP Video Lightbox

WP Video Lightbox là một Plugin có sẵn tại WordPress.org. Có nghĩa là bạn có thể cài đặt nó ngay từ bảng điều khiển WordPress của mình hoặc tải nó dưới dạng tệp .zip.

Để biết thêm chi tiết, xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.

Sau khi kích hoạt Plugin, đi đến trang cài đặt của nó từ vị trí này " thiết lập >> Vidéo hộp đèn '.

Chúng tôi sẽ đi thẳng đến " prettyPhoto '.

Trong thực tế, điều này Plugin sử dụng cái khác Plugin, được dự định chủ yếu để hiển thị một bộ sưu tập ảnh. Nhưng bạn có thể thay đổi một số thông tin sẽ được áp dụng cho video.

Đối với điều đó, tôi sẽ giải thích một số tùy chọn (Bắt buộc)Vì vậy, mà nó là như bạn muốn.

Đã là hiệu sách prettyPhoto phải hoạt động (kiểm tra « Kích hoạt tính năng prettyPhoto »)Để cho người dùng biết rằng họ đang ở trên cùng một trang, bạn có thể làm cho cửa sổ trong suốt (định nghĩa một giá trị từ 0 đến 1. Giá trị dấu phẩy được chấp nhậ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ả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

Khám phá Các đặc điểm của một cửa sổ bật lên hiệu quả cho WordPress 

Tất cả các hộp đèn của bạn có thể có một tiêu đề có thể được hiển thị (Chỉ tiêu đề). Đôi khi đối với các cửa sổ phương thức lớn, bạn cần cho phép thay đổi kích thước (Cho phép thay đổi kích thước). Và đối với các video dài hơn, người dùng sẽ có thể phóng to chúng (Cho phép Mở rộng), Cái nhìn tốt hơn.

Đối với chiều rộng và chiều cao của hộp đèn, bạn có thể chỉnh sửa các trường " mặc định chiều rộng "Và" mặc định cao '. 

Để chọn chủ đề của hộp đèn, thay đổi menu thả xuống chủ đề ". Nó cũng có thể kích hoạt tự động phát (đánh dấu vào ô " Autoplay »).

mở video Youtube trong cửa sổ bật lên - define-les-regalges

Cách hiển thị hộp đèn trong một bài báo

Le Plugin đề xuất một danh sách shortcodes điều đó sẽ cho phép bạn hiển thị hộp đèn trong bài viết. Tôi quên nói với bạn rằng bạn cũng có thể xem các video có sẵn trên Vimeo.

Để xem video YouTube ou Vimeobạn phải sử dụng shortcodes sau đây:

[video_lightbox_youtube] (dành cho YouTube)
[video_lightbox_vimeo5] (Đối với Vimeo)

Mỗi cái trong số này shortcodes chấp nhận các tham số, sẽ cho phép bạn:

  • Xác định mã định danh (video_id) của video, thường ở định dạng này " YzqKMmQ_3Sg '. Exemple [video_lightbox_youtub video_id = "YzqKMmQ_3Sg"]
  • Đặt chiều cao của video (cao)
  • Đặt độ rộng của video (chiều rộng)
  • Thêm mô tả (Mô tả)
  • Thêm một neo HTML (neo) hoặc văn bản của liên kết sẽ mở cửa sổ
  • Thêm hình thu nhỏ (auto_thumb)

Nếu bạn đặt neo HTML, hình thu nhỏ sẽ bị bỏ qua. Nếu không, auto_thumb lấy giá trị " 1 '.

Đi xa hơn bằng cách khám phá Làm thế nào để sử dụng và quản lý shortcodes WordPress

Demo sử dụng

Với những gì tôi vừa cung cấp cho bạn thông tin, bạn có thể hiển thị video bằng mã tương tự như mã này:

[video_lightbox_youtube video_id = "YzqKMmQ_3Sg & rel = 0chiều rộng = "640chiều cao = "480neo = "Một video đơn giản " mô tả = "Bởi Tiến sĩ WP "]

Cho một kết quả tương tự

trình bày-cho-kết quả

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

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

Bạn có thể xem hình thu nhỏ như hình trên với mã tương tự như mã này.

[video_lightbox_youtube video_id = "YzqKMmQ_3Sg & rel = 0chiều rộng = "640chiều cao = "480auto_thumb = "1mô tả = "Bởi Tiến sĩ WP "]

Cho một kết quả giống hệt với kết quả này

thu nhỏ-cồn-video

trước khi rời khỏi

Cần lưu ý rằng một số tham số trong shortcodes sẽ ghi đè lên những cái được xác định trong cài đặt.

Khám phá thêm một số plugin WordPress cao cấp  

Bạn có thể sử dụng các plugin WordPress khác để mang lại cái nhìn hiện đại và tối ưu hóa độ bám của blog hoặc trang web của bạn.

Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.

1. FileBird

Bạn đã bao giờ gặp khó khăn để quản lý hàng nghìn tệp hình ảnh, video hoặc tài liệu mà bạn đã tải lên FTP WordPress của mình chưa? có hoặc không, bất cứ điều gì, điều quan trọng là phải biết rằng plugin WordPress FileBird sẽ giúp bạn quản lý các tệp phương tiện một cách dễ dàng và mang lại nhiều sức mạnh hơn cho thư viện của bạn.FileBird

Giao diện người dùng và menu ngữ cảnh liền mạch của nó cho phép người dùng kéo và thả tệp vào các thư mục hoặc có các quyền cần thiết để nhanh chóng tạo, đổi tên hoặc xóa các thư mục giống như cách bạn làm trên máy tính. Với plugin này trong tay, các tệp phương tiện của bạn sẽ được sắp xếp có hệ thống và bạn có thể dễ dàng chọn một hình ảnh để chèn vào một trang hoặc xuất bản ở đó.

Khám phá cũng của chúng tôi 6 plugin WordPress để thổi luồng sinh khí mới vào các bài viết của bạn

Ngoài ra, plugin này hoàn toàn tương thích với các plugin phổ biến nhất, đặc biệt là với WooCommercevà cũng hỗ trợ một số lượng lớn các ngôn ngữ. Vì vậy, nếu bạn muốn tăng cường quản lý thư viện phương tiện của mình, plugin FileBird WordPress có thể là vũ khí bí mật của bạn.

Tải vềBản demo Web hosting

2. Social Share & Locker Pro

Tiện ích mở rộng Social Share & Locker Pro đã được thiết kế để giúp trang web của bạn hiển thị nhiều hơn trên các mạng xã hội. Chỉ với một vài cú nhấp chuột, bạn có thể đặt vị trí của các biểu tượng xã hội hoặc khóa nội dung của mình bằng cách yêu cầu chia sẻ trên một trong các mạng xã hội do bạn cung cấp.

Social Share Locker Pro WordPress Plugin

Bạn có 10 mẫu nên bao gồm các mong muốn phổ biến nhất. Tất cả các mô hình của cô ấy đều hoàn hảo và hoạt động tuyệt vời. Ngoài ra, với Social Share & Locker Pro, bạn sẽ có thể hiển thị tên đầy đủ của mạng xã hội hoặc chỉ biểu tượng. Nó sẽ phụ thuộc vào thiết kế của bạn, không gian có sẵn hoặc sở thích của bạn.

Tải về | Bản demo | Web hosting

3. Mẫu liên hệ 7 Tooltips

Tiện ích mở rộng WordPress này của plugin Contact Form 7 mang đến tính năng dễ dàng thêm chú giải công cụ vào plugin Contact Form 7. Chú giải công cụ của nó sẽ được hiển thị khi phần tử mục tiêu được di chuột qua. Trên thiết bị di động, chú giải công cụ cho biết khi nào mục đích được tương tác.Liên hệ mẫu 7 Tooltips

Các tính năng chính của nó là: dễ sử dụng, hỗ trợ cho tất cả các phiên bản của Contact Form 7, tùy chỉnh màu nền của chú giải công cụ, hỗ trợ mã HTML, bố cục đầy đủ đáp ứng và hơn thế nữa.

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

Tải xuống miễn phí WooCommerce, 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. [Đề xuất]

Tải về | Bản demo | Web hosting

Các tài nguyên được đề xuất khác

Chúng tôi cũng mời bạn tham khảo các tài nguyên dưới đây để đi xa hơn trong việc kiểm soát và kiểm soát trang web và blog của bạn.

Kết luận

Có! Đó là nó cho hướng dẫn này, hy vọng nó sẽ giúp bạn hiển thị video Youtube hoặc Vimeo trong một hộp đèn trên trang web WordPress của bạn. thoải mái để chia sẻ mẹo với bạn bè trên mạng xã hội của bạn.

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress.

Tuy nhiên, trong thời gian chờ đợi, hãy cho chúng tôi biết về ý kiến và đề xuất trong phần dành riêng.

...

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

  1. Bonjour,
    Tôi đang tìm cách hiển thị cửa sổ bật lên video sau khi nhấp vào nút. Có thể làm điều đó với WP Video Lightbox không?

    cảm ơn bạn,
    Kính trọng,

  2. Bonjour,
    Cảm ơn bạn rất nhiều về hướng dẫn được xây dựng tốt này, tôi muốn biết liệu có thể thêm video từ các nền tảng khác ngoài You Tube và Vimeo (ví dụ Openload) hay không hoặc có giới hạn hay không.

    của anh

Để 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 đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
7 cổ phiếu
cổ phiếu5
tweet
Enregistrer2