如何創建影片和圖片的 WordPress Slider(簡易方法)

07/24/2024

為什麼要創建影片和圖片的 WordPress Slider?

老實說,內容 Slider 相當棒。若設計得當,Slider 可以節省寶貴的螢幕空間,並在訪客登陸頁面時立即吸引他們。

影片和圖片 Slider 是包含影片與圖片的混合 Slider。有時,您會希望在同一個 Slider 中加入影片和圖片,而不是為兩者分別建立不同的 Slider。

比如說,如果您有一個展示各種房屋列表的房地產網站,您可以加入房屋的圖片以及步行導覽影片,讓用戶有更好的互動體驗。

步驟 1:安裝 WordPress Slider 插件

創建影片和圖片 Slider 最簡便的方法是使用 Soliloquy。這是最佳的 WordPress Slider 插件,擁有超過 900,000 次安裝。您可以使用媒體庫中的圖片和 YouTube 等第三方平台上的影片來輕鬆創建簡單的 Sliders。

首先,安裝並啟用 Soliloquy 插件。如果您需要幫助,請參考我們的 WordPress 插件安裝指南。此教學可以使用 Soliloquy 的免費版本,但如果您需要其他功能,如燈箱效果、密碼保護、特色內容以及 Instagram、Pinterest 和 WooCommerce 的整合插件,建議考慮升級到專業版。

步驟 2:在 WordPress 上添加響應式影片 Slide

在插件啟用後,請前往 WordPress 管理區的 Soliloquy » Add New。

為 Slider 設定適當的標題,然後加入所有的媒體內容。

點擊「Select Files From Other Sources」來添加影片 Slide。我們建議使用 YouTube 或其他影片托管平台,而不是直接上傳至 WordPress,因為這會降低網站速度。

在彈出的窗口中,選擇「Insert Video Slide」選項,輸入影片標題、影片網址、圖片網址、替代文字和說明。

若您需要添加更多 Slide,請點擊「Add Another Video Slide」按鈕並輸入相關信息。全部添加完畢後,點擊「Insert into Slider」按鈕。

步驟 3:在 WordPress 上添加圖片 Slide

現在,您可以添加圖片 Slide。您可以拖拉圖片檔案到滑動器,或從媒體庫中選擇圖片。

在完成添加圖片 Slide 後,您可以調整圖片 Slide 的順序以符合需求。

步驟 4:編輯 Slider 設定

前往「Configuration」標籤,以自訂 Slider 的顯示效果。您可以調整 Slider 主題、圖片尺寸、滑動器尺寸等設定。若您有專業版,可以使用 Slider Themes 插件來進一步自訂 Slider。若希望影片自動播放,勾選 「Autoplay Video」選項。

完成設定後,點擊「Publish」按鈕發佈 Slider。

步驟 5:在頁面或文章中展示 Slider

發佈 Slider 之後,您可以將 Slider 加入到頁面或文章中。若使用的是 WordPress 經典編輯器,您可以復制 shortcode並粘貼到文章中。若使用的是 Gutenberg 區塊編輯器,Soliloquy 內建了專用區塊來鏈接各個 Slider。

前往 Pages/Posts » Add New 或編輯現有頁面/文章,點擊「+」圖標,找到 Soliloquy 區塊,然後選擇您剛創建的影片和圖片 Slider。完成後,點擊「Publish」或「Update」按鈕即可。

附加功能:添加燈箱效果到 WordPress Slider

Soliloquy 提供多樣的插件,例如燈箱效果功能。添加燈箱效果能提升訪客瀏覽頁面內容的體驗。訪客點擊圖片或影片時,會在您的網站上彈出視窗展示,並可下載或分享內容。

要添加燈箱效果,只需前往 Soliloquy » Addons,找到 Lightbox 插件並安裝。安裝後,您可以在 Slider 設定中調整相關效果和佈局。

設置完成後,燈箱效果會自動生效。預覽您的 Slider 它應該看起來很不錯。

希望本文能幫助您學習如何創建影片和圖片的 WordPress Slider。您可能還會想看看我們的必備 WordPress 插件和工具清單,或是終極 WordPress SEO 導覽,以幫助提升網站流量。

如果喜歡本文,請訂閱我們的 YouTube 頻道觀看更多 WordPress 教學視頻。您也可以在 Twitter 和 Facebook 上找到我們。



Related Posts

  • 2024-07-27
  • WordPress 插件

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

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

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

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

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

您是否想在您的WordPress网站上添加LinkedIn个人资料?LinkedIn是一个专业人士社交网络,帮助您与行业内的其他专业人士和影响者建立联系。在本文中,我们将向您展示如何轻松地将LinkedIn个人资料添加到WordPress。

閱讀更多

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