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 »).
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=0" width="640" height="480" anchor="Une simple vidéo" description="Par Dr WP"]
Cho một kết quả tương tự
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" width="640" height="480" auto_thumb="1" description="Par Dr WP"]
Cho một kết quả giống hệt với kết quả này
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
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.
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.
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.
- Elementor: Cách mở cửa sổ bật lên từ url hoặc menu
- Cách hạ cấp phiên bản plugin WordPress
- Làm thế nào để tìm một nhà tài trợ và kiếm tiền từ blog của bạn? : Hướng dẫn
- Làm thế nào để tùy chỉnh các bảng điều khiển WordPress cho một khách hàng
- Làm thế nào để tạo ra một thực đơn đáp ứng cho WordPress di động
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.
...
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,
Bonjour,
Có về nguyên tắc.
Tôi đã quên
cảm ơn bạn
Xin chào và chúc mừng cho các hướng dẫn.
có thể phóng to hình thu nhỏ video khi tôi sử dụng "auto_thumb" không?
Về nguyên tắc "auto_thumb" sử dụng hình ảnh được xác định trước với kích thước cố định.
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
Bonjour,
Có về nguyên tắc. Chúng tôi vẫn chưa thử nghiệm.