最好用的WordPress視訊庫外掛及其使用教程

WordPress視訊庫,即在WordPress網站上顯示多個視訊,支援訪客點選視訊庫中的每個視訊線上觀看。

下面,我們將會講解為什麼要使用WordPress視訊庫外掛,及如何使用Posts Table Pro外掛建立WordPress視訊庫等內容。

最好用的WordPress視訊庫外掛及其使用教程配圖1

為什麼要安裝WordPress視訊外掛?

WordPress內建支援建立相簿,但它沒有視訊庫功能。 當然將單個視訊嵌入WordPress網站還是可以的,但所插入的視訊分別獨立,通常會調整大小以填充可用的寬度。但如果你的WordPress部落格網站需要更新較多視訊,尤其是在單篇文章中需要插入更多視訊時,WordPress自帶的功能顯得比較侷限。

要展示更多的視訊,您需要一個WordPress視訊庫外掛。 這樣,您就可以建立包含多個視訊的網格或相簿。

選擇一個合適的WordPress視訊庫外掛

大多數WordPress視訊庫外掛以類似的方式工作:他們要麼以網格佈局列出視訊,您可以點選每個視訊彈出視窗中播放;或者在頂部有一個大影象,在下面列出其他視訊的縮圖,使用者可以滾動選擇想要觀看的視訊。

我們推薦WordPress畫廊相簿外掛。這些主要是相簿外掛,其中有些也可以使用來建立視訊庫。其實原理是一樣的,每個視訊附帶少量甚至沒有說明文字 – 最多可能會顯示視訊標題。但不會提供篩選功能,使用者無法通過篩選搜尋功能精準查詢視訊。

如果您想建立一個簡單的視訊網格,這種型別的視訊庫外掛足夠了。但是,如果您要求更高,需要插入大量視訊並提供篩選查詢功能來幫助使用者快速查詢視訊,或者你需要更高階的Posts Table Pro。

使用Posts Table Pro建立視訊庫

最好用的WordPress視訊庫外掛及其使用教程配圖2

Posts Table Pro是一個支援視訊庫的WordPress付費外掛。 雖然它不是隻用於視訊的外掛,但它具備大量的高階功能,其功能比單一視訊外掛更適合建立WordPress視訊庫。

它的工作原理是將您的視訊列為表格佈局中的一列,以及您選擇包含的任何額外資訊列。 所有視訊都可以直接從視訊庫中播放,使用者無需跳轉到其他地方即可觀看。

Posts Table Pro這款WordPress視訊外掛具備以下三個特徵:

  1. 與大多數視訊外掛不同,您可以在視訊庫中顯示額外的資料。除標題外,您還可以顯示說明或摘要,視訊日期,作者,類別和標籤等資訊。基本上,所有標準的WordPress欄位。如果這還不夠,您還可以在視訊庫中顯示自定義欄位和分類。例如,建立自定義列來儲存視訊作者,長度或其他內容。
  2. 您的WordPress視訊庫將提供額外功能,可幫助使用者更輕鬆地查詢視訊。如果您的視訊庫包含大量視訊,這樣的功能非常有必要。您可以在視訊庫上方新增關鍵字搜尋框。還可以增加視訊類別,標籤,作者或任何自定義分類選項篩選器。例如,新增三個篩選器下拉選單,列出視訊類別,標籤和流派。使用者可以快速從下拉選單中進行選擇,並立即過濾視訊庫以顯示他們感興趣的視訊。
  3. 最後,Posts Table Pro還支援WordPress視訊庫整合電子商務功能。如果你準備銷售視訊類的商品,這個功能就非常棒了。

首先,新增視訊到WordPress

最好用的WordPress視訊庫外掛及其使用教程配圖3

Posts Table Pro不會將視訊儲存在您的網站上 – 它只是以視訊庫佈局顯示。在開始之前,我將告訴您如何實現視訊庫並儲存視訊到你的網站。

您需要將每個視訊新增為WordPress普通文章或自定義文章。如果您沒有將文章用於其他任何內容,那麼可以將您的視訊新增為文章。或者,如果您已經在為部落格使用文章,那麼我建議您建立專用的“視訊”自定義文章型別。

Posts Table Pro外掛開發商Barn2 Media建立了一個關於如何使用Pods免費外掛建立自定義文章型別的詳細教程。使用此選項可以建立自定義文章型別,以及您希望在WordPress視訊庫中顯示的任何其他欄位。記下自定義文章型別的名稱和所有額外欄位 – 在設定Posts Table Pro時,您將需要此資訊。

接下來,將每個視訊新增為文章/自定義文章。這與新增普通WordPress部落格文章的過程相同。唯一的區別是您需要新增有關視訊的任何額外資料,以及視訊本身。

您可以將視訊新增到文章/自定義文章內容或WYSIWYG Visual Editor自定義欄位。 具體方法取決於您是否計劃將視訊直接上傳到WordPress媒體庫,還是將其託管在第三方網站(如YouTube或Vimeo)上:

將視訊新增到媒體庫 – 只需單擊WordPress文章編輯頁面工具欄上方的“新增媒體”按鈕,然後上傳視訊即可。 您需要事先對其進行優化,以使檔案大小盡可能小,否則可能需要很長時間才能載入。 當您單擊“插入視訊”時,WordPress會將其轉換為嵌入式視訊播放器。

嵌入來自YouTube,Vimeo或類似網站的視訊 – 將此方法用於任何受支援的WordPress視訊嵌入。 只需轉到託管視訊的網站(例如YouTube),轉到視訊頁面,然後從瀏覽器視窗頂部複製網址即可。 將網址貼上到視訊文章內容或自定義欄位中的各自行。 同樣,WordPress會將其轉換為合適的視訊播放器。

對WordPress視訊庫中的所有視訊執行此操作。

下一步,建立視訊庫層

我們需要Posts Table Pro來實現,獲取外掛並依據確認電子郵件中的說明進行安裝。

然後,建立一個新頁面,在需要新增視訊庫的位置新增以下短程式碼:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
[posts_table post_type="video" shortcodes="true"]
[posts_table post_type="video" shortcodes="true"]
[posts_table post_type="video" shortcodes="true"]

將“video”替換為您要顯示的自定義文章型別的正確slug。 如果要顯示正常的WordPress文章,請將其替換為“post”。 如果您的自定義文章型別被呼叫,則新增該型別。

提示:要查詢自定義文章型別的slug,請單擊WordPress管理員左側的slug以檢視該文章型別的所有文章列表。 檢視位址列中的URL,您會看到如下內容:https://yourdomain.com/wp-admin/edit.php?post_type=video。 在這個例子中,我的帖子型別的slug是“video”,所以我需要將它新增到短程式碼中。

最好用的WordPress視訊庫外掛及其使用教程配圖4

配置視訊庫短程式碼

接下來,您需要選擇使用WordPress視訊庫外掛顯示哪些資訊列。 Posts Table Pro支援多列,因此您可以新增您希望描述每個視訊的資料。 您還可以在視訊庫上方新增過濾器下拉選單。

您可能想要設定視訊播放器列的大小。 預設情況下,視訊將顯示為小縮圖。 使用外掛的寬度選項放大列並使視訊更大。

最後,檢視視訊庫頁面即可看到你要的。 您會在表格佈局中看到列出的視訊,其中包含額外的資訊列。 嵌入式視訊播放器將出現在視訊庫中,因此人們可以直接在桌面上觀看。 搜尋框將顯示在視訊庫上方。

繼續改進視訊庫

有關如何新增額外功能並使其更有效的更多建議和提示,請檢視外掛作者使用Posts Table Pro建立WordPress視訊庫教程

您還可以檢視外掛選項的完整列表,瞭解使用視訊庫外掛還可以做些什麼。

建立多個視訊庫

到目前為止,我已經告訴過您如何在一個相簿中列出所有視訊。 這是因為大多數WordPress網站只有一個視訊庫。 但是,如果您願意,可以建立多個視訊庫。 例如,您可能希望為每個視訊類別設定一個單獨的頁面,每個頁面都包含該類別的視訊網格。

Posts Table Pro可以提供選項根據類別,標籤,日期,作者,自定義分類術語等資料列出視訊。每當您使用Posts Table Pro短程式碼建立視訊庫時,只需使用該選項即可顯示特定的視訊文章。

使Posts Table Pro完美相容你的主題

Posts Table Pro的另一個好處是它適用於任何WordPress主題,包括WBOLT的所有主題。 該外掛將自動繼承主題中的字型和其他樣式,因此您的WordPress視訊庫將精美地整合到您網站的整體設計中。

如果你的主題是響應式的,那麼視訊庫也將完全響應。 甚至還有額外的選項來控制視訊庫在不同螢幕尺寸和移動裝置上的樣式。

提高效能和頁面載入時間

視訊通常是大檔案。因此,WordPress視訊庫的載入速度很慢。

以下是有關改善視訊庫效能的一些建議:

  1. Posts Table Pro附帶一個延遲載入選項,一次載入1頁的視訊。如果您有許多分佈在多個頁面的視訊,這將非常有用。通過在Posts Table Pro短程式碼中新增lazy_load =“true”,視訊庫頁面的載入速度會更快。
  2. 如果您已啟用延遲載入,則可以通過減少每頁的行數來進一步加快視訊庫的速度。只需新增rows_per_page =“10”(將你希望頁面展示的視訊數量替換掉數字“10”)。分頁連結將顯示在視訊庫的底部,每個頁面都會單獨載入。
  3. 如果您將視訊直接上傳到媒體庫,那麼這可能會讓您的網站變得非常慢,因為手動優化視訊很困難。在上傳之前,請確保您的視訊檔案大小盡可能小。或者更好的是,將視訊上傳到專業視訊網站(如Youku等)並從那裡將其嵌入到網站中。這樣即可減輕你的伺服器負擔還可以提升你的WordPress視訊庫載入速度,因為嵌入的視訊通常會在頁面的其餘部分後載入;視訊網站將自動為您優化視訊。

如何建立電子商務視訊庫

上述內容,告訴您如何通過將每個視訊新增為文章或自定義文章型別來建立WordPress視訊庫。 其實Posts Table Pro還支援使用它來列出視訊庫中的電子商務產品。這是因為幾乎所有的WordPress電子商務外掛都將產品儲存為自定義文章型別。

您只需為電子商務產品的文章型別新增自定義欄位,而無需建立自己的文章型別來儲存視訊。例如,這將是Easy Digital Downloads中的“downloads”文章型別,或WooCommerce中的“products”文章型別。 (然而,Posts Table Pro已經建立了一個專用的WooCommerce版本的外掛,它同樣支援嵌入式視訊播放器。所以如果你想建立一個WooCommerce產品的視訊庫,那麼最好使用它。)

將嵌入式視訊播放器新增到電子商務商店中每個產品的自定義欄位中。然後,您可以將每個產品列為視訊庫表中的單獨行,並新增包含嵌入式視訊播放器的列。

不過老實說,要熟悉掌握Posts Table Pro來建立你的WordPress部落格的視訊庫,建議你認真閱讀官方提供的相關教程及不停地在你的WordPress實踐,才可以很溜地玩Posts Table Pro這個外掛。但,當你完全掌握了這個外掛,這個外掛還是非常實用的。

評論留言