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 - 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ử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 được kích hoạt (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).

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] (pour YouTube)
[video_lightbox_vimeo5] (pour 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=0width="640height="480anchor="Une simple vidéo" description="Par Dr WP"]

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

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=0width="640height="480auto_thumb="1description="Par Dr 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ái khác plugin WordPress để tạo ra một giao diện hiện đại và để tối ưu hóa việc xử lý 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

Tập TinChim

Bạn đã bao giờ phải vật lộ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ó hay không, không quan trọng, đ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.

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 tổ chức một cách có hệ thống và bạn có thể dễ dàng chọn một hình ảnh để chèn vào trang hoặc xuất bản 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 WooCommerce, và 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 WordPress FileBird 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.

Plugin chia sẻ xã hội Locker Pro WordPress

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

Cette Phần mở rộng WordPress của plugin Biểu mẫu liên hệ 7 mang đến chức năng chú giải công cụ dễ dàng cho plugin Biểu mẫu liên hệ 7. Chú giải công cụ của nó sẽ 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 thời điểm phần tử mục tiêu được tham gia.

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.

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ẻ với bạn bè của bạn trên các mạng xã hội yêu thích 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.

...