為什麼要創建影片和圖片的 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 上找到我們。