如何創建影片和圖片的 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

  • 2025-01-31
  • WordPress 插件

通知评论者他们的评论已获批准是在您的网站上鼓励对话的简单而有效的方法。然而,WordPress 默认情况下不会在评论发布时通知用户,这可能导致他们对评论的状态感到困惑。有许多网站拥有者问我们如何解决此问题,因此我们编写了这篇指南来帮助您!在这篇文章中,我们将展示如何轻松通知用户他们的评论已在 WordPress 中被批准,以保持互动积极并吸引更多观众参与。

閱讀更多
  • 2025-01-31
  • WordPress 插件

想知道我们在 WPressize Me 如何通过添加标题属性和 nofollow 标签来改善用户体验和SEO吗?默认的 WordPress 编辑器并不容易提供这些选项。本文将为您简要介绍如何在 WordPress 的插入链接弹出窗口中为链接添加标题和 nofollow 属性选项,以便简化工作流程和提升您的SEO努力。

閱讀更多
  • 2025-01-28
  • WordPress 插件

你是否想在你的WordPress网站上启用Imagick?大多数情况,WordPress会自动使用Imagick来管理所有网站的图像。然而,通过调整默认的Imagick设置,你可以提高网站性能或向访客展示更高质量的图像。在本文中,我们将展示如何在你的WordPress网站上启用Imagick,并自定义其设置以改善访客体验。

閱讀更多

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