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

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, chương trình khuyến mãi hoặc biểu mẫu đăng ký.

Nhưng bạn có biết rằng 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 đăng video (Youtube - Vimeo - v.v.) 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ác 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 được hiển thị trên đó đề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. Nói tóm lại, đó là một tính năng mà 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 trên WordPress.org. Điều đó có nghĩa là bạn có thể cài đặt nó trực tiếp 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 trực tiếp vào tab " 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 phép người dùng biết rằng họ đang ở trên cùng một trang, bạn sẽ 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).

Khám phá Các đặc điểm của một popup hiệu quả cho WordPress

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

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 phải 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ủ đề ". Cũng có thể kích hoạt đọc tự động (đánh dấu vào ô " Autoplay »).

xác định-the-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 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 định danh (video_id) một 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 liên kết văn bản 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

Bản 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 = 0"  chiều rộng = "640"  chiều cao = "480"  neo = "Một video đơn giản " mô tả = "Bởi Tiến sĩ WP "]

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

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]

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

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 = 0"  chiều rộng = "640"  chiều cao = "480"  auto_thumb = "1"  mô 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 khi quản lý hàng ngàn tệp hình ảnh, video hoặc tài liệu mà bạn đã tải lên FTP FTP của mình chưa? có hay không, dù gì đi nữa, điều quan trọng là phải biết rằng plugin FileBird WordPress sẽ giúp bạn quản lý các tệp đa phương tiện một cách dễ dàng và sẽ mang lại nhiều sức mạnh hơn cho thư viện của bạn.

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 Các plugin của 6 WordPress để hít thở cuộc sống mới vào 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ị rõ hơn trên các mạng xã hội. Chỉ trong 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 đề xuất.

Bạn có các mẫu 10 sẽ bao gồm các mong muốn phổ biến nhất. Tất cả các mô hình là hoàn hảo và làm việc kỳ diệu. Ngoài ra, với Social Share & Locker Pro, bạn sẽ có thể xem tên đầy đủ của các 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 thị hiếu của bạn.

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

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

Phần mở rộng WordPress này của plugin 7 của Contact Form cung cấp một tính năng để dễ dàng thêm các chú giải công cụ vào plugin 7 của Contact Form. Chú giải công cụ của nó sẽ được hiển thị khi mục đích được bay qua. Trên thiết bị di động, chú giải công cụ cho biết khi mục đích được tham gia.

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 tooltip, hỗ trợ HTML, bố cục toàn trang đáp ứng, và nhiều hơn 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à tất cả cho hướng dẫn này, tôi 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. Đừng ngần ngạ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.

Nhưng trong lúc này, hãy cho chúng tôi biết về bạn ý 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 này được xây dựng tốt, tôi muốn biết nếu có thể thêm video từ các nền tảng khác ngoài You Tube và Vimeo (ví dụ Openload) hoặc nếu có giới hạn.

    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