如何在 WordPress 中建立影片滑動展示 (簡單教程)

10/07/2022

為什麼要在 WordPress 中使用影片滑動展示?

許多 WordPress 用戶在讓網站脫穎而出和吸引訪客方面都有困難。這時候影片滑動展示就能派上用場。

圖片很好,但影片更能讓您的 WordPress 網站更具吸引力。第一印象很重要,它可能決定訪客是否會留下來查看您的產品和服務,或者一去不回頭。

此外,您還可以使用影片展示產品示範、評論或其他宣傳內容。舉例來說,房地產網站可以展示房地產的虛擬參觀,旅遊網站則可以展示酒店推薦、旅遊景點和酷炫的旅遊體驗,以吸引潛在客戶。

影片滑動展示是一種僅包含影片的滑動展示,而非靜態圖片的滑動展示。

影片滑動展示的潛在用途:

為您的業務可以使用影片滑動展示的潛在方式:

  • 創建一個專門的滑動展示,包括來自滿意顧客的短篇推薦。
  • 分享詳細案例研究影片。
  • 展示產品或服務的評論。
  • 展示不同產品功能及其工作原理。

接下來,我們將演示如何輕鬆在 WordPress 中建立影片滑動展示,從而吸引您的觀眾。

在您的 WordPress 網站中新增影片滑動展示

在網站中新增影片滑動展示的最佳且最簡單的方法就是使用插件。

我們推薦 Soliloquy,因為它是市面上最好的 WordPress 滑動展示插件。雖然大多數 WordPress 滑動展示插件會拖慢您的網站,但 Soliloquy 非常快,不會影響您的頁面加載時間。此外,Soliloquy 支援 YouTube、Vimeo 和 Wistia,因此如果影片已經發布,您只需輸入影片 URL 即可。

它是響應式設計,您可以用它來建立適用於每個設備和螢幕尺寸的滑動展示。最後,它允許多種滑動展示類型,因此您可以添加影片、圖片和內容。

您需要做的第一件事就是安裝並啟用 Soliloquy 插件。針對更多安裝詳情,請查看我們關於如何安裝 WordPress 插件的帖子。注意:Soliloquy 也有免費版本允許您創建影片滑動展示。然而,我們將使用 Soliloquy Pro 插件進行演示,因為它內建 YouTube、Vimeo 和 Wista 的支援,以及更多影片控制設定。

激活後,請前往 Soliloquy » Add New。

接下來,您需要為新的影片滑動展示命名,然後點擊按鈕「Select Files from Other Sources」。Soliloquy 還提供直接上傳影片的選項,但我們不建議這樣做。詳細更多原因,請參考我們的指南「為什麼不應該將影片上傳至 WordPress」。

會彈出一個視窗,您需要點擊「Insert Video Slide」選項。這裡您需要添加影片的標題、影片 URL、說明和替代文字。根據影片填寫所有詳細信息。

在「Image URL」欄位中,您還需要提供影片的預留圖片。這張圖片將在影片未播放時使用。這有助於提升您的 WordPress 性能,因為只有當使用者點擊時,影片才會加載。然後在「Video URL」欄位,您可以從媒體庫或直接從影片托管網站(如 YouTube)找到影片 URL。

注意:最好將影片上傳至影片托管網站,因為將影片上傳至 WordPress 庫可能會影響 WordPress 性能。幸運的是,Soliloquy 支援 YouTube、Vimeo 和 Wistia。

您還可以為影片提供說明。試著寫一些既引人注目又能描述人們點擊播放後能期待什麼的內容。如果您想添加另一個影片滑動,只需點擊「Add Another Video Slide」按鈕。

然後,您需要上傳下一個影片的標題、影片 URL、圖片 URL、說明和替代文字。重複這個過程,直到您添加完所有影片滑動。

完成所有影片滑動的添加後,只需點擊「Insert into Slider」按鈕。您的影片滑動將出現在新的滑動展示畫面上。

如果您需要對其進行更改,可以隨時點擊鉛筆圖標進行編輯,或點擊綠色「Active」圖標將影片設為非活躍狀態。

然後,您可以前往「Configuration」選項卡,自定義影片滑動展示的外觀。在這個畫面,您可以切換多個設置。例如,您可以更改滑動展示的尺寸以適應您的網頁設計,或自定義滑動和說明的位置,以使其與頁面上的其他元素對齊。

另一個您可能想考慮的選項是是否允許自動播放影片滑動展示。您可以設置影片滑動展示在訪客登錄頁面時自動播放,但請記住這可能會降低頁面加載速度,因為瀏覽器也需要加載影片。

Soliloquy 的好處是它可以為移動設備優化您的影片滑動展示。前往「Mobile」選項卡,您可以創建移動版的滑動展示圖片並顯示說明,讓人們知道點擊播放前會看到什麼。

現在,您已準備好將滑動展示添加到您的 WordPress 博客或網站。點擊右側面板的「Publish」按鈕。

在 WordPress 中顯示影片滑動展示

要嵌入您的滑動展示,請創建或編輯要顯示滑動展示的文章或頁面。在 WordPress 編輯器中,點擊「+」按鈕,然後將 Soliloquy 塊添加到您的頁面。

從 Soliloquy 小部件中選擇剛剛創建的影片滑動展示,以將其插入您的頁面。然後點擊上方的「Publish」或「Update」按鈕。

這就是全部。您現在可以預覽文章,觀看您的影片滑動展示的效果。

如果您仍然使用經典 WordPress 編輯器,您也可以將影片滑動展示添加到任何 WordPress 頁面或文章。您需要複製位於 Soliloquy 頁面上的短代碼,然後將這個短代碼插入到您的內容中。

如需更多信息,請查看我們的指南「如何在 WordPress 中插入短代碼」。

額外:在 WordPress 中新增精選內容滑動展示

除了在網站中新增影片滑動展示外,您可能還想在 WordPress 頁面中新增精選內容滑動展示。除了展示您的最佳博客文章外,精選內容滑動展示還可以用來突出顯示在線商店的精選產品、分享評論、展示作品項目或顯示熱門分類。

與影片滑動展示不同,精選內容滑動展示可以在滑動展示中顯示圖片和連結的組合。您只需要安裝 Soliloquy 中的「Featured Content Addon」。然後像之前處理影片滑動展示一樣,添加內容、鏈接和多媒體文件描述。

如需更深入的教程,請查看我們的博客文章「如何在 WordPress 中正確新增精選內容滑動展示」。

我們希望這篇文章幫助您使用 Soliloquy 在 WordPress 中添加影片滑動展示。您可能還想查看我們的最佳影片托管網站列表,適用於博客撰寫者、營銷人員和商業用途,或我們的指南「如何優化您的 WordPress 網站影片」。

如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道,觀看 WordPress 教程影片。您也可以在 Twitter 和 Facebook 上找到我們。



Related Posts

  • 2024-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>