Hướng dẫn từng bước tạo Video Gallery trong WordPress

Một người dùng mới đây đã hỏi chúng tôi làm thế nào để tạo ra một Thư viện Video (Video Gallery) trong WordPress. WordPress giúp chúng ta dễ dàng nhúng video vào bài đăng trên blog của mình, nhưng nó không cho phép chúng ta tạo các phòng trưng bày video một sách sáng tạo. Trong bài viết này, chúng tôi sẽ hướng dẫn cho bạn từng bước dễ dàng tạo Video Gallery trong WordPress.

Khi nào và tại sao cần phải tạo một thư viện video trong WordPress

Chúng ta dễ dàng nhúng video vào bài đăng trên blog của mình bằng cách nhập URL video. Hiểu thị video được lưu trữ trên trang web của riêng bạn cũng khá đơn giản.

Tuy nhiên, bạn không bao giờ nên tải video trực tiếp lên WordPress . Video là các tệp lớn và xử lý chúng trực tiếp có thể gây ra sự cố với dịch vụ hosting WordPress của bạn .

Bạn có thể dễ dàng thêm một video vào bài đăng của mình nhưng nếu bạn muốn đăng tải nhiều video cùng lúc thì mọi việc sẽ khó khăn đôi chút.

Bạn có thể thực hiện điều đó bằng cách thêm một video nữa trong bài đăng của bạn. Mặc dù thao tác này khá đơn giản, nhưng nó lại tạo ra trải nghiệm không mấy dễ chịu cho người dùng vì họ bắt buột phải cuộn trang lên dể xem video đó.

Một bộ sưu tập video với hình thu nhỏ giống như một thư viện hình ảnh là lựa chọn tốt hơn nhiều. Nó cho phép bạn hiển thị nhiều video nhưng vẫn tiết kiệm được không gian bằng cách sử dụng cách trình bày dạng lưới đẹp mắt, thân thiện với thiết bị di động.

Chúng ta hãy xem làm thế nào để dễ dàng tạo một bộ sưu tập video trong WordPress.

Phương pháp 1: Tạo Video Gallery trong WordPress với Envira Gallery

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

Envira Gallery là một plugin trả phí và ít nhất bạn sẽ cần có tài khoản pro để truy cập vào addon video này.

Người dùng WPBeginner có thể được giảm 25% nếu sử dụng phiếu giảm giá Envira Gallery.

Điầu tiên bạn phải cài đặt và kích hoạt plugin Envira Gallery. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress .

Sau đó, bạn truy cập trang Envira Gallery » Settings để nhập  license key của bạn. Bạn có thể tìm thấy nó trong tài khoản của mình trên trang web của Envira Gallery.

Tiếp theo, bạn hãy chuyển đến trang  Envira Gallery » Addons, ở đây có sẵn các addon để bạn cài đặt. Hãy tìm addon Video và cài đặt nó.

Envira Gallery bây giờ sẽ tìm nạp và cài đặt addon video. Sau đó, bạn cần nhấp vào ‘Activate’ để kích hoạt và bắt đầu sử dụng trên trang web của mình.

Tới bước này, bạn đã sẵn sàng để tạo bộ sưu tập video đầu tiên của mình.

Hãy chuyển đến trang Envira Gallery » Add New để tạo thư viện của bạn. Đầu tiên, bạn cần đặt tên cho bộ sưu tập của mình.

Envira Gallery có thể tạo một bộ sưu tập video, bao gồm các video lưu trên host của riêng nó cũng như các video được lưu trữ trên YouTube, Vimeo và Wistia. Chúng tôi khuyên bạn nên sử dụng dịch vụ lưu trữ video của bên thứ ba để có trải nghiệm người dùng tốt hơn.

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

Thao tác này sẽ hiển thị một cửa popup Insert Media, bạn cần nhấp vào liên kết ‘Insert videos’ ở cột bên trái.

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

Nếu bạn muốn tải nhiều video cùng lúc, nhấp vào nút  ‘Add Video’ một lần nữa. Bạn có thể lập lại thao tác này bao nhiêu lần tùy thích để tải lên toàn bộ video của bạn.

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

Envira lúc này sẽ hiển thị hình thu nhỏ cho video của bạn dưới phần 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 ‘pencil’ hoặc xóa bất kỳ video nào nếu muốn. Hoặc bạn cũng có thể tiếp tục tải lên thêm một số video khác nữa.

Video Gallery của bạn gần như đã sẵn sàng. Tiếp theo chúng ta sẽ cấu hình cài đặt cho Video Gallery của bạn.

Bắt đầu bằng cách nhấp vào tab ‘Config’ ở cột bên trái và tùy chọn số cột bạn muốn hiển thị trong mục  ‘Number of Gallery Columns’.

Thao tác này sẽ giúp hình thu nhỏ video của bạn xuất hiện đẹp mắt với giãn cách không gian vừa đủ.

Đã đến lúc thử thêm nút “play” vào hình thu nhỏ video của bạn.

Chuyển sang tab ‘Video’ và chọn hộp bên cạnh ‘‘Display play icon over gallery image’ để hiển thị biểu tượng phát trên Gallery Image.

Thư viện video của bạn đã sẵn sàng. Hãy tiếp tục và nhấp vào nút publish để xuất bản Video Gallery của bạn trên WordPress.

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

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

Hãy tạo một trang mới trong WordPress và đặt cho nó một tiêu đề phù hợp, ví dụ: ‘Video’.

Tiếp theo, nhấp vào nút ‘Add Gallery’ trên trình chỉnh sửa bài đăng.

Một cửa sổ bật lên sẽ cho bạn sẽ thấy các bộ sưu tập video của mình. Nhấn vào đây để chọn và sau đó nhấp vào nút Insert .

Một đoạn shortcode Envira Gallery sẽ xuất hiện trong trình chỉnh sửa bài đăng của bạn.

Bây giờ bạn có thể cập nhật hoặc xuất bản trang của mình và truy cập để xem bộ sưu tập video của bạn hoạt động ra sao.

Điều tuyệt vời nhất khi tạo Video Gallery theo cách này đó là bạn có thể mở video trong cửa sổ popup nổi bật đẹp mắt với chế độ rạp hát, cung cấp trải nghiệm xem tốt hơn nhiều cho người dùng của bạn.

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

Phương pháp 2: Tạo Thư viện video trong WordPress với YouTube Channel Gallery

Phương pháp này yêu cầu một mã key API YouTube để hoạt động, kiến cho quá trình này dài hơn một chút. Đừng lo lắng, chúng tôi sẽ hướng dẫn bạn thực hiện từng bước một.

Đầu tiên, bạn cần cài đặt và kích hoạt plugin  YouTube Channel Gallery . Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress .

Tiếp theo, bạn truy cập trang web Google Developer Console để tạo mã key API YouTube.

Nhấp vào nút ‘Select a project’ ở góc trên cùng bên trái của màn hình để chọn dự án bạn muốn thực hiện và sau đó nhấp vào nút Add.

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

Tiếp theo, bạn cần nhấp vào API Library  và sau đó chọn liên kết YouTube Data API.

Thao tác này sẽ đưa bạn đến trang chi tiết API, bạn nhấp vào liên kết Enable để bật API cho dự án của bạn.

Trình điều khiểu cho nhà phát triển (Developer console) lúc này sẽ kích hoạt API cho dự án của bạn. Bạn sẽ cần tạo thông tin đăng nhập để truy cập mã key API.

Nhấp vào nút ‘Create credentials’ để tạo thông tin đăng nhập và tiếp tục.

Bây giờ bạn cần khai báo cách sử dụng mã khóa API. Đối với ‘Where will you be calling the API from?’ thì bạn có thể chọn ‘Web browser (JavaScript)” để lấy dữ liệu từ trình duyệt web, sau đó chọn ‘Public Data’ trong mục ‘What data will you be accessing?’ để chọn loại dữ liệu bạn muốn truy cập.

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

Trình điều khiển lúc này sẽ hiển thị mã key API của bạn. Bạn cần sao chép và dán khóa API này vào một tệp văn bản nào đó để lưu trữ. Bạn sẽ cần đến nó để khởi tạo Video Gallery của bạn.

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

Trên trang hạn chế, chọn tùy chọn chế độ HTTP Referrers và sau đó nhập tên miền của bạn theo định dạng sau:

*.yourdomain.com

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

Bây giờ bạn đã có mã key API cho dữ liệu YouTube của mình, đã đến lúc tạo ra một Video Gallery của riêng bạn.

Plugin YouTube Channel Gallery đi kèm với một mã shortcode mạnh mẽ mà bạn có thể thêm vào bài đăng và trang của mình để hiển thị thư viện video.

Chỉ cần tạo một trang mới hoặc chỉnh sửa một trang hiện có và thêm shortcode sau vào trình chỉnh sửa bài.

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

Đừng quên thay thế user bằng tên người dùng YouTube của bạn và key bằng mã khóa API YouTube mà bạn đã tạo trước đó.

Bây giờ bạn có thể lưu bài đăng hoặc trang của bạn và truy cập trang web của bạn để xem thử Video Gallery của bạn hoạt động như thế nào.

Plugin không tạo ra các cửa sổ popup bật lên và video của bạn sẽ được phát trực tiếp trên trang. Nhấp vào hình thu nhỏ video trong bộ sưu tập sẽ phát video trong trình phát ở trên cùng.

Để biết thêm chi tiết, vui lòng xem hướng dẫn của chúng tôi về cách hiển thị video mới nhất từ ​​kênh YouTube của bạn trong WordPress .

Chỉ đơn giản thế thôi 🙂 .

Chúng tôi hy vọng bài viết này đã giúp bạn biết cách dễ dàng tạo ra Video Gallery trong WordPress. Bạn cũng có thể muốn xem bài hướng dẫn mới nhất của chúng tôi về cách tăng tốc độ và hiệu suất của WordPress .

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem video hướng dẫn. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook .

Leave a Reply

Your email address will not be published. Required fields are marked *

+