Cách tạo & chèn Gallery Video cho WordPress

Gần đây, một người dùng hỏi chúng tôi làm thế nào để tạo ra một bộ sưu tập video trong WordPress. WordPress giúp bạn dễ dàng nhúng video vào bài đăng trên blog của bạn, nhưng nó không cho phép bạn tạo thư viện video. Trong bài viết này, chúng tôi sẽ hướng dẫn bạn cách để tạo ra một thư viện video trong WordPress.

Tạo Video Gallery để làm gì

WordPress giúp bạn dễ dàng nhúng video vào bài đăng trên blog của bạn bằng cách đơn giản là nhập vào URL của video. Nó cũng có thể hiển thị những video được lưu trữ trên hosting của riêng bạn.

Tuy nhiên, bạn không nên bao giờ tải video lên WordPress. Video là các tập tin lớn và load trực tiếp có thể gây ra các vấn đề về giới hạn băng thông trên hosting WordPress.

Bạn có thể dễ dàng thêm một video duy nhất vào bài viết của mình nhưng nếu bạn muốn hiển thị nhiều video trên một trang thì phải làm sao

Một cách để làm điều này là thêm nhiều video khác trong danh sách hiển thị. Tuy nhiên, nó sẽ trông khá kỳ cục & tạo ra một trải nghiệm người dùng khó chịu.

Nó sẽ không thể đẹp hơn nếu bạn có thể tạo ra một bộ sưu tập video với hình thu nhỏ thumbnail giống như một bộ ảnh bộ sưu tập
  Điều này sẽ cho phép bạn hiển thị nhiều video trong không gian ít hơn bằng cách sử dụng một layout dạng grid thân thiện với mobile.

Chúng ta hãy xem có những cách nào để tạo ra một thư viện video trong WordPress nhé.

Cách 1: Tạo Video Gallery trong WordPress với Envira Gallery

Đối với phương pháp này, chúng ta sẽ sử dụng plugin Envira Gallery. Đây là plugin tốt nhất để tạo gallery trong WordPress. Nó cũng có một addon video cho phép bạn tạo các gallery video thân thiện với di động.

Envira Gallery là một plugin trả phí, và bạn sẽ phải nâng cấp gói pro để có thể truy cập vào các đoạn video addon của họ.

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Envira Gallery.

Sau khi kích hoạt, truy cập trang  Envira Gallery » Settings để thêm mã key bản quyền của bạn. Bạn có thể tìm thấy thông tin này từ tài khoản của bạn trên trang web Envira Gallery.

      

Tiếp theo, bạn mở trang  Envira Gallery » Addons . Trang này sẽ hiển thị tất cả các tiện ích có sẵn để bạn có thể cài đặt. Hãy tìm những Video addon và cài đặt nó.

Nhấn nút Install, Envira Gallery sẽ tải và cài đặt addon video. Sau đó, bạn bấm vào ‘Activate’ để bắt đầu kích hoạt tính năng video cho plugin và có thể sẵn sàng sử dụng nó trên trang web của bạn.

Bây giờ bạn đã sẵn sàng để tạo ra bộ sưu tập video đầu tiên của bạn.

Chuyển đến trang Envira Gallery » Add New để tạo gallery mới. Trước tiên, bạn cần cung cấp một tiêu đề cho bộ sưu tập của bạn.

Envira Gallery có thể tạo ra một thư viện của những video được lưu trữ trên hosting cũng như video được lấy trên YouTube, Vimeo, và Wistia. Chúng tôi khuyên bạn sử dụng dịch vụ của bên thứ ba để nhúng video và cải thiện trải nghiệm người dùng tốt hơn cũng như giảm gánh nặng băng thông cho hosting.

Trước tiên, bạn sẽ cần phải tải video của bạn lên YouTube hoặc Vimeo. Sau đó, bấm vào nút ‘Select videos from other sources’ để tiếp tục.

Trình popup của WordPress sẽ xuất hiện cho bạn chèn video, tiếp tục nhấn vào link ‘Insert video’ ở cột bên trái.

Nhấn vào nút ‘Add Video’ để nhập tiêu đề và URL của video.

Để thêm video, hãy nhấp vào nút ‘Add Video’ một lần nữa. Bạn có thể thêm bao nhiêu tùy ý theo nhu cầu của bạn.

Một khi bạn đã thêm tất cả các video mà bạn muốn hiển thị trong thư viện, bấm vào nút ‘Insert into Gallery’ để tiếp tục.

Plugin sẽ lấy thumbnail cho video của bạn và hiển thị chúng dưới mục hình ảnh.

Bạn có thể chỉnh sửa video bất cứ lúc nào bằng cách nhấp vào biểu tượng ‘bút chì’ hoặc loại bỏ bất kỳ video. Bạn cũng có thể thêm các video khác nếu cần thiết.

Bộ sưu tập video của bạn gần như đã sẵn sàng. Hãy cấu hình các thiết lập cho thư viện video.

Bắt đầu bằng cách nhấp vào tab ‘Config’ ở cột bên trái, và dưới tùy chọn ‘Number of Gallery Columns’, chọn 2 hoặc 3 layout.

Điều này đảm bảo hình thu nhỏ video của bạn xuất hiện độc đáo với đủ không gian giữa mỗi video.

Bây giờ chúng ta hãy thêm một nút/biểu tượng play vào hình thu nhỏ video.

Chuyển sang tab ‘Video’ và đánh dấu vào ô tùy chọn “Display play icon over gallery image”.

Video gallery của bạn bây giờ đã sẵn sàng. Sau cùng bạn bấm vào nút publish để xuất bản bộ sưu tập video của bạn.

Hiển thị Video Gallery trên Website của bạn

Envira Gallery giúp bạn dễ dàng để hiển thị video gallery của bạn trong bất kỳ bài đăng hoặc trang. Bạn cũng có thể hiển thị các bộ sưu tập trong một sidebar.

Tiếp theo, hãy tạo ra một trang mới trong WordPress và cung cấp cho nó một tiêu đề thích hợp, ví dụ: ‘Video’.

Nhấn vào nút ‘Add Gallery’ ở trên đầu trang của trình soạn thảo bài viết.

Popup hiển thị tất cả các bộ sưu tập video của bạn. Nhấn vào để chọn gallery bạn muốn chèn và nhấp vào nút Insert.

Sau đó Envira Gallery shortcode sẽ được chèn trong bài viết của bạn.

Đừng quên nhấn nút Update hoặc publish trang và truy cập vào trang để xem bộ sưu tập video của bạn, giống như kết quả dưới đây.

Plugin thiết kế layout trông khá thân thiện, mình thấy ưng ý nhất là khi nhấp vào một mục video sẽ mở video trong một lightbox popup. Đây là một trải nghiệm thú vị cho người dùng.

Họ sẽ có thể xem các video mà không cần rời khỏi trang web của bạn, và họ cũng có thể duyệt video khác trong bộ sưu tập bằng cách nhấp vào hình thu nhỏ bên dưới.

Cách 2: Tạo Gallery Video trong WordPress với Youtube Channel Gallery

Cách này sẽ yêu cầu YouTube API key, để plugin có thể lấy dữ liệu từ youtube. Đừng lo lắng, chúng tôi sẽ hướng dẫn bạn cụ thể, hãy đọc tiếp phần chỉ dẫn bên dưới.

Trước tiên bạn cần cài đặt và kích hoạt plugin YouTube Channel Gallery .

Tiếp theo, bạn cần truy cập vào Google Developer Console để tạo ra một khóa YouTube API.

Nhấp chuột vào ‘Select a project’ ở góc trên bên trái của màn hình và sau đó nhấn vào nút Add.

Trên màn hình tiếp theo, bạn cần phải cung cấp tên cho dự án của bạn và đồng ý với các điều khoản của dịch vụ. Sau đó nhấp chuột vào nút ‘Create’ để tiếp tục.

Tiếp theo, bấm vào Library và sau đó chọn liên kết Youtube Data API.

Google sẽ đưa bạn đến trang chi tiết của API & sau đó bạn cần phải nhấp vào nút Enable để bật API này cho dự án của bạn.

Như vậy, Developer console bây giờ đã cho phép bạn sử dụng Youtube API cho project bạn vừa tạo.

Tiếp tục Click vào nút ‘Create credentials’.

Bây giờ bạn hãy nhập một vài thông tin để lấy khóa API. Đối với tùy chọn ‘Where will you be calling the API from’ chọn ‘Web browser (JavaScript)’ và chọn ‘Public Data’ cho ‘What data will you be accessing’.

Nhấp vào nút ‘What credentials do I need’ để tiếp tục.

Màn hình tiếp theo, console sẽ hiển thị khóa API của bạn. Sao chép khóa API này vì chúng ta sẽ cần nó sau này để tạo ra các gallery video.

Một bước cuối cùng còn lại là hạn chế khóa API chỉ được sử dụng trên trang web của bạn. Để làm điều đó, bấm vào  liên kết Restrict Key.

Trên trang này, chọn HTTP referrers (web sites) và nhập tên miền của bạn theo định dạng như sau:

*.yourdomain.com

Đừng quên bấm vào nút Save để lưu thay đổi của bạn,

Bây giờ bạn đã có YouTube API Key, bây giờ đến bước tạo bộ sưu tập video của bạn.

Plugin YouTube Channel Gallery đi kèm với một shortcode mà bạn có thể thêm vào bài viết và trang để hiển thị bộ sưu tập video trên web.

Đơn giản chỉ cần tạo một trang mới hoặc chỉnh sửa là một trang bạn sẽ nhúng video gallery, và thêm shortcode sau vào vị trí bạn muốn hiển thị.

[Youtube_Channel_Gallery user="" maxitems="8" thumb_columns_phones="2" thumb_columns_tablets="4" key="your-youtube-api-key-goes-here"]

Đừng quên đổi tên người dùng YouTube, và Youtube API key mà bạn đã tạo ở trước đó.

Lưu trang & xem kết quả:

Plugin này không tích hợp lightbox popup, và video của bạn sẽ play trực tiếp trên trang. Bằng cách nhấp vào một video ở bên dưới trong bộ sưu tập sẽ phát video trong khung xem lớn ở phía trên.

Chúng tôi hy vọng bài viết này có thể giúp bạn tìm hiểu làm thế nào để tạo ra một thư viện video trong WordPress một cách dễ dàng. Chúc bạn thành công.