如何創建影片和圖片的 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-12-14
  • WordPress 插件

在WordPress中嵌入Google幻灯片演示是分享互动且视觉上吸引人内容的好方法。您可以展示详细的产品展示或最新报告的幻灯片,从而帮助您向听众传达信息或说服他们。我们经过研究发现了一些可靠的方法来完成这项工作,而且您无需成为技术专家即可实现。本文将向您展示两种轻松的方法来将Google幻灯片演示文稿添加到您的WordPress网站。

閱讀更多
  • 2024-11-16
  • WordPress 插件

在保护您的WordPress网站免受攻击时,使用正确的防火墙插件是至关重要的。在多年的发展中,我们的需求也在不断增长。因此,我们转向使用Cloudflare以提供更强的保护。本文详细比较了六个优秀的WordPress防火墙插件,以帮助您选择最适合的解决方案。

閱讀更多
  • 2024-11-15
  • WordPress 插件

您不希望访客单击其他网站的链接后就此离开您的网站。这就是为什么在新窗口或标签中打开外部链接对于提供流畅用户体验至关重要。在WPressize Me,我们认真对待读者的参与度。我们确保网站上的所有外部链接都在新标签页中打开,这样读者可以在不丢失原位的情况下浏览内容。这篇初学者指南将教您如何轻松在WordPress中设置外部链接在新标签中打开,从而提升用户参与度并令读者满意。

閱讀更多

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