WordPress如何創建視頻和圖片幻燈片

您是否想知道如何創建視頻和圖片WordPress幻燈片?

幻燈片是展示內容和吸引網站訪客注意力的好方法。 它們可以突出重要或特色內容,而不會佔用頁面的大量空間。

在本文中,我們將逐步介紹如何使用Soliloquy輕鬆創建視頻和圖片 WordPress 滑塊。

為什麼要創建視頻和圖片WordPress幻燈片?

內容幻燈片非常棒。 如果製作得當,它們可以節省寶貴的螢幕空間,增加訪客的互動度

視頻和圖片幻燈片是一種同時包含視頻和圖片的幻燈片。 有時,你希望在一個滑塊中同時包含視頻和圖片。

比方說,您有一個房地產網站,提供各種房屋資訊。 您可以添加房屋圖片和內部視頻演示,給用戶帶來更多互動體驗。

或者,您也可以使用內容幻燈片添加用戶推薦或作品集專案。 有些外掛程式甚至可以提供自動播放功能,讓訪客立即看到視頻。

除此之外,幻燈片還是將內容集中在一處的好方法。 您可以將所有視頻和圖片歸類到一個幻燈片中,而不是垂直排列。

如果你想在著陸頁上展示用戶推薦,那麼將它們放在一個幻燈片中會更好,這樣訪客就可以一次性觀看所有用戶推薦,而不用向下滾動。

您還可以使用幻燈片來展示特色內容,從而將流量引導到最重要的頁面。

說到這裡,我們將介紹如何在網站上創建視頻和圖片 WordPress 滑塊。

第 1 步:安裝 WordPress 幻燈片外掛程式

創建視頻和圖片幻燈片的最簡單方法是使用Soliloquy。 它是最好的 WordPress 幻燈片外掛程式,安裝量超過 900,000 次。 您可以使用媒體庫中的圖像以及 YouTube 等第三方平臺上託管的影片輕鬆創建簡單的幻燈片。

添加到您的網站后,幻燈片在所有設備上都會看起來很棒,包括筆記型電腦、桌上型機、平板電腦和智能手機

soliloquywp

這就是為什麼許多網站在主頁、銷售頁面和著陸頁面等最重要的頁面上使用 Soliloquy 幻燈片的原因。

最重要的是,你不需要寫一行代碼就可以做到這一點!

要開始使用,您只需在網站上安裝並啟動Soliloquy外掛程式。 如果您需要安裝説明,請查看我們的 WordPress 外掛程式安裝指南

好消息是,你可以在本教程中使用免費版本的 Soliloquy。

不過,如果你需要燈箱功能、密碼保護、特色內容等附加功能,以及 Instagram、Pinterest 和 WooCommerce 等其他整合功能,你可能需要考慮專業版。

第二步:在 WordPress 中添加回應式視頻幻燈片

啟動后,您需要在 WordPress後台點擊Soliloquy » Add New

然後填寫幻燈片標題。

現在,你可以向幻燈片添加所有媒體內容了。 在這裡,您可以添加視頻和圖片。
點擊 「從其他來源選擇檔」。

1 2

注意:雖然您可以將視頻從電腦上傳到 WordPress,但我們不建議您這樣做,因為這樣會降低網站的運行速度。 相反,您應該使用YouTube或其他視頻託管平臺。

你會看到一個彈出視窗,其中有插入媒體文件的選項。 我們將首先插入視頻幻燈片。

為此,請前往 「Insert Video Slide 」選項卡。 給視頻幻燈片加上標題、視頻 URL、圖片 URL、alt 文本和標題。
確保從YouTube等第三方託管平臺獲取視頻URL。

2

如果想添加更多幻燈片,只需點擊 「添加另一個視頻幻燈片 」按鈕。 然後,您就可以為該幻燈片添加所需的資訊。

3

添加完所有視頻幻燈片后,點擊 「Insert into Slider」按鈕。 您的幻燈片將顯示在頁面底部,以便日後根據需要進行編輯。

步驟 3:在 WordPress 中添加圖片幻燈片

既然視頻幻燈片已經準備就緒,您就可以添加圖片幻燈片了。 對於圖片幻燈片,您只需從電腦中拖放圖片即可,這是最簡單的添加方法。

5

當然,你也可以使用媒體庫添加幻燈片。 要從媒體庫中添加幻燈片,只需點擊 「Select Files from Other Sources」。。

2024 02 20 05 33 40 1

在這裡,會出現 「添加媒體 」 視窗。 繼續選擇要添加的圖片。 然後點擊 「Insert into Slider」按鈕。

2024 02 20 05 37 09 1

完成添加圖片幻燈片后,您就可以在幻燈片的底部看到所有幻燈片。 你可以根據自己的需要,按照適當的順序重新排列。

6

第 4 步:編輯滑塊設置

您可以進行細微調整,自定義幻燈片在訪客面前的顯示方式。 向下滾動並轉到 「配置」選項卡以訪問設置。
您可以編輯投影片主題、圖片大小、幻燈片尺寸等選項。

Configuration tab 2 1

幻燈片主題會影響幻燈片的佈局,因此你可以切換各種選項。 如果你使用的是 Soliloquy 的專業版,還可以安裝幻燈片主題外掛程式,獲得更多自定義選項。

如果向下滾動,你會看到 “Autoplay Video ”選項。 您可以選取此選項以啟用自動播放,這樣影片就會在使用者繼續瀏覽頁面之前自動開始。

7

自動播放非常適合產品說明視頻或銷售頁面,可以吸引使用者,降低他們點擊離開的幾率。 完成設置調整后,只需點擊 「發佈 」按鈕即可。

8

第 5 步:在頁面或文章中顯示幻燈片

現在,要做的就是在頁面或帖子中發佈您的幻燈片。 如果您仍在使用 WordPress 經典編輯器,您可以輕鬆複製並貼貼簡碼。

9

也就是說,如果您使用的是較新的 Gutenberg 塊編輯器,那麼 Soliloquy 有一個可以直接連結到所有滑塊的塊。

只需前往Pages/Posts » Add New或編輯現有頁面/文章。

然後點擊 「+」圖示,找到 Soliloquy 塊。 在這裡,您可以選擇剛剛創建的視頻和圖片幻燈片。 完成後,點擊 「發佈 」或 「更新 」 即可。

10

然後,您就可以預覽您的幻燈片,確保它看起來不錯。 它應該是這樣的

2024 02 20 06 43 21 1

為 WordPress 幻燈片添加燈箱

Soliloquy 有多種附加元件,可以增強您的滑塊,為訪問者提供更多互動體驗。 例如,如果您要添加一個幻燈片,那麼很有可能也想添加一個燈箱。

通過在 WordPress 網站的滑塊中添加燈箱效果,您就能以更專業的方式展示您的內容。

當使用者點擊您的圖片或視頻時,它將在您網站的彈出視窗中打開。 燈箱能為您的訪客創造更身臨其境的觀看體驗,讓他們可以更詳細地查看內容。 他們甚至可以在電腦上下載媒體檔或在社交媒體上分享圖片。

如果您經營的是一個攝影網站,那麼燈箱效果可以讓訪客在瀏覽圖片時不受網站上其他元素的干擾,從而提高參與度。 對於在線商店來說,燈箱有助於創建更吸引人的產品圖庫。

要在幻燈片中添加燈箱,只需進入Soliloquy附加元件。 向下滾動到燈箱外掛程式,然後點擊 「安裝外掛程式」。。

12

安裝后,它將出現在幻燈片的設置中。 在這裡,您可以調整效果和佈局、添加導航箭頭、燈箱主題等。

13

一旦啟用,燈箱就會自動工作。 預覽您的幻燈片,它應該是這樣的。

14
分享你的喜愛

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *