如何在WordPress中逐步創建視頻庫


最近,一個用戶問我們如何在WordPress中創建視頻庫。 WordPress使您可以輕鬆地將視頻嵌入到博客文章中,但是不允許您開箱即用地創建視頻庫。 在本文中,我們將向您展示如何輕鬆地在WordPress中創建視頻庫。

在WordPress中添加視頻庫

何時以及為何在WordPress中創建視頻庫

WordPress只需輸入視頻URL,即可輕鬆將視頻嵌入博客文章中。 它還可以在您自己的網站上顯示託管的視頻。

但是,您永遠不要將視頻上傳到WordPress。 視頻是大文件,直接提供它們可能會導致WordPress託管服務出現問題。

您可以輕鬆地將單個視頻添加到帖子中,但是如果要在頁面上顯示多個視頻怎麼辦?

一種方法是將一個視頻接一個添加。 在運行時,由於需要大量滾動,因此會帶來不愉快的用戶體驗。

如果您可以像照片庫一樣創建帶有縮略圖的視頻庫,那會更好嗎? 這樣,您就可以利用美觀的移動友好網格在更少的空間中顯示更多視頻。

讓我們看一下如何在WordPress中輕鬆創建視頻庫。

方法1:使用Envira Gallery在WordPress中創建視頻庫

對於這種方法,我們將使用Envira Gallery插件。 它是市場上最好的WordPress畫廊插件。 它還具有一個視頻插件,可讓您在WordPress中創建漂亮的移動響應視頻庫。

Envira Gallery是一個付費插件,您至少需要他們的專業計劃才能訪問視頻插件。

WPBeginner用戶可以使用此Envira Gallery優惠券享受25%的折扣。

您需要做的第一件事是安裝並激活Envira Gallery插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 Envira Gallery»設置 頁以添加您的許可證密鑰。 您可以在Envira Gallery網站上的帳戶中找到此信息。

輸入您的Envira Gallery許可證密鑰

接下來,您需要前往 Envira畫廊»附加組件 頁。 您會看到所有可用於安裝的插件。 查找視頻插件,然後安裝它。

接下來,您需要轉到Envira Gallery»插件頁面。 您會看到所有可用於安裝的插件。 查找視頻插件,然後安裝它。

Envira Gallery現在將獲取並安裝視頻插件。 之後,您需要單擊“激活”以在您的網站上開始使用它。

激活視頻插件

現在您可以創建第一個視頻庫。

前往 Envira畫廊»添加新 頁面以創建您的畫廊。 首先,您需要為畫廊提供標題。

添加新的視頻庫

Envira Gallery可以創建包含自託管視頻以及YouTube,Vimeo和Wistia上託管的視頻的視頻庫。 我們建議使用第三方視頻託管服務,以獲得更好的用戶體驗。

首先,您需要將視頻上傳到YouTube或Vimeo。 之後,點擊“選擇其他來源的視頻”按鈕繼續。

這將彈出“插入媒體”彈出窗口,您需要在其中單擊 “插入視頻” 鏈接在左欄中。

插入影片

您需要單擊“添加視頻”按鈕以輸入標題和視頻URL。

要添加更多視頻,請再次單擊“添加視頻”按鈕。 隨意添加所需數量的視頻。

添加完要在圖庫中顯示的所有視頻後,請單擊“插入圖庫”按鈕以繼續。

Envira現在將獲取視頻的縮略圖,並將其顯示在圖像部分下。

您可以隨時單擊“鉛筆”圖標來編輯視頻或刪除任何視頻。 如果需要,您還可以添加更多視頻。

您的視頻庫已準備就緒。 讓我們配置視頻庫設置。

首先單擊左列中的“配置”選項卡,然後在“畫廊列數”選項下選擇兩列或三列佈局。

這樣可以確保您的視頻縮略圖在每個視頻之間都留有足夠的空間,並且顯示得很好。

視頻庫列

現在,將播放按鈕添加到視頻縮略圖中。

切換到“視頻”標籤,然後選中“在圖庫圖片上顯示播放圖標”選項旁邊的框。

在圖庫中的視頻縮略圖上添加播放按鈕

現在您的視頻庫已準備就緒。 繼續並單擊“發布”按鈕,使您的視頻庫可用於WordPress。

在您的網站上顯示視頻庫

Envira Gallery可以輕鬆在任何WordPress帖子或頁面中顯示您的視頻畫廊。 您也可以在側邊欄中顯示圖庫。

讓我們在WordPress中創建一個新頁面,並為其指定適當的標題,例如:“視頻”。

接下來,點擊帖子編輯器頂部的“添加圖庫”按鈕。

添加圖庫按鈕

這將彈出一個彈出窗口,您將在其中看到您的視頻庫。 單擊以選中它,然後單擊“插入”按鈕。

插入圖庫

Envira Gallery短代碼現在將出現在您的帖子編輯器中。

現在,您可以更新或發布頁面,並訪問該頁面以查看正在使用的視頻庫。

Envira視頻庫

最好的部分是,單擊視頻項目將在帶有劇院模式的燈箱彈出窗口中將其打開。 這為您的用戶提供了更好的觀看體驗。

他們將能夠在不離開您的網站的情況下觀看視頻,並且還可以通過單擊播放器下方的縮略圖來瀏覽圖庫中的其他視頻。

視頻庫彈出

方法2:使用YouTube頻道庫在WordPress中創建視頻庫

此方法需要使用YouTube API密鑰,這會使過程變得更長一些。 不用擔心,我們會逐步引導您。

您需要做的第一件事就是安裝並激活YouTube Channel Gallery插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

接下來,您需要轉到Google Developer Console網站以生成YouTube API密鑰。

單擊屏幕左上角的“選擇項目”按鈕,然後單擊添加按鈕。

新的Google開發人員項目

在下一個屏幕上,您需要提供項目的名稱並同意服務條款。 之後,單擊創建按鈕繼續。

新項目詳情

接下來,您需要單擊API庫,然後選擇YouTube數據API鏈接。

選擇YouTube數據API

這將帶您到API詳細信息頁面,您需要在該頁面上單擊Enable鏈接以為您的項目打開此API。

啟用API密鑰

開發者控制台現在將為您的項目啟用API。 您仍然需要創建憑據才能訪問API密鑰。

點擊“創建憑據”按鈕繼續。

創建憑證

現在,您需要輸入如何使用API​​密鑰。 對於“您將從哪裡調用API?” 選項,選擇“ Web瀏覽器(JavaScript)”,然後在“您將訪問哪些數據?”下選擇“公共數據”。 選項。

憑證設定

單擊“我需要什麼憑證”按鈕繼續。

開發者控制台現在將顯示您的API密鑰。 您需要將此API密鑰複製並粘貼到純文本文件中。 稍後您將需要它來創建視頻畫廊。

剩下的最後一步是限制您的API密鑰只能在您的網站上使用。 為此,請單擊API密鑰屏幕上顯示的“限制密鑰”鏈接。

複製API密鑰

在“限制”頁面上,選擇“ HTTP Referrers”選項,然後在下面以以下格式輸入您的域名:

*.yourdomain.com

限制API金鑰

不要忘記點擊保存按鈕來存儲您的更改,

有了YouTube數據API密鑰後,就該創建視頻庫了。

YouTube Channel Gallery插件帶有強大的簡碼,您可以將其添加到帖子和頁面中以顯示視頻庫。

只需創建一個新頁面或編輯現有頁面,然後在帖子編輯器內添加以下短代碼即可。

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

不要忘記用您的YouTube用戶名替換用戶,並用您之前創建的YouTube API密鑰替換用戶密鑰。

現在,您可以保存您的帖子/頁面並訪問您的網站,以查看正在使用的視頻庫。

YouTube視頻庫插件

該插件沒有Lightbox彈出窗口,您的視頻將在該頁面上播放。 單擊圖庫中的視頻縮略圖將在頂級播放器中播放視頻。

有關更多詳細信息,請參閱有關如何在WordPress中顯示來自YouTube頻道的最新視頻的教程。

目前為止就這樣了。

我們希望本文能幫助您學習如何輕鬆地在WordPress中創建視頻庫。 您可能還希望查看有關如何提高WordPress速度和性能的最終分步指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。