您是否想知道如何創建視頻和圖片WordPress幻燈片?
幻燈片是展示內容和吸引網站訪客注意力的好方法。 它們可以突出重要或特色內容,而不會佔用頁面的大量空間。
在本文中,我們將逐步介紹如何使用Soliloquy輕鬆創建視頻和圖片 WordPress 滑塊。
為什麼要創建視頻和圖片WordPress幻燈片?
內容幻燈片非常棒。 如果製作得當,它們可以節省寶貴的螢幕空間,增加訪客的互動度
視頻和圖片幻燈片是一種同時包含視頻和圖片的幻燈片。 有時,你希望在一個滑塊中同時包含視頻和圖片。
比方說,您有一個房地產網站,提供各種房屋資訊。 您可以添加房屋圖片和內部視頻演示,給用戶帶來更多互動體驗。
或者,您也可以使用內容幻燈片添加用戶推薦或作品集專案。 有些外掛程式甚至可以提供自動播放功能,讓訪客立即看到視頻。
除此之外,幻燈片還是將內容集中在一處的好方法。 您可以將所有視頻和圖片歸類到一個幻燈片中,而不是垂直排列。
如果你想在著陸頁上展示用戶推薦,那麼將它們放在一個幻燈片中會更好,這樣訪客就可以一次性觀看所有用戶推薦,而不用向下滾動。
您還可以使用幻燈片來展示特色內容,從而將流量引導到最重要的頁面。
說到這裡,我們將介紹如何在網站上創建視頻和圖片 WordPress 滑塊。
第 1 步:安裝 WordPress 幻燈片外掛程式
創建視頻和圖片幻燈片的最簡單方法是使用Soliloquy。 它是最好的 WordPress 幻燈片外掛程式,安裝量超過 900,000 次。 您可以使用媒體庫中的圖像以及 YouTube 等第三方平臺上託管的影片輕鬆創建簡單的幻燈片。
添加到您的網站后,幻燈片在所有設備上都會看起來很棒,包括筆記型電腦、桌上型機、平板電腦和智能手機
這就是為什麼許多網站在主頁、銷售頁面和著陸頁面等最重要的頁面上使用 Soliloquy 幻燈片的原因。
最重要的是,你不需要寫一行代碼就可以做到這一點!
要開始使用,您只需在網站上安裝並啟動Soliloquy外掛程式。 如果您需要安裝説明,請查看我們的 WordPress 外掛程式安裝指南。
好消息是,你可以在本教程中使用免費版本的 Soliloquy。
不過,如果你需要燈箱功能、密碼保護、特色內容等附加功能,以及 Instagram、Pinterest 和 WooCommerce 等其他整合功能,你可能需要考慮專業版。
第二步:在 WordPress 中添加回應式視頻幻燈片
啟動后,您需要在 WordPress後台點擊Soliloquy » Add New。
然後填寫幻燈片標題。
現在,你可以向幻燈片添加所有媒體內容了。 在這裡,您可以添加視頻和圖片。
點擊 「從其他來源選擇檔」。
注意:雖然您可以將視頻從電腦上傳到 WordPress,但我們不建議您這樣做,因為這樣會降低網站的運行速度。 相反,您應該使用YouTube或其他視頻託管平臺。
你會看到一個彈出視窗,其中有插入媒體文件的選項。 我們將首先插入視頻幻燈片。
為此,請前往 「Insert Video Slide 」選項卡。 給視頻幻燈片加上標題、視頻 URL、圖片 URL、alt 文本和標題。
確保從YouTube等第三方託管平臺獲取視頻URL。
如果想添加更多幻燈片,只需點擊 「添加另一個視頻幻燈片 」按鈕。 然後,您就可以為該幻燈片添加所需的資訊。
添加完所有視頻幻燈片后,點擊 「Insert into Slider」按鈕。 您的幻燈片將顯示在頁面底部,以便日後根據需要進行編輯。
步驟 3:在 WordPress 中添加圖片幻燈片
既然視頻幻燈片已經準備就緒,您就可以添加圖片幻燈片了。 對於圖片幻燈片,您只需從電腦中拖放圖片即可,這是最簡單的添加方法。
當然,你也可以使用媒體庫添加幻燈片。 要從媒體庫中添加幻燈片,只需點擊 「Select Files from Other Sources」。。
在這裡,會出現 「添加媒體 」 視窗。 繼續選擇要添加的圖片。 然後點擊 「Insert into Slider」按鈕。
完成添加圖片幻燈片后,您就可以在幻燈片的底部看到所有幻燈片。 你可以根據自己的需要,按照適當的順序重新排列。
第 4 步:編輯滑塊設置
您可以進行細微調整,自定義幻燈片在訪客面前的顯示方式。 向下滾動並轉到 「配置」選項卡以訪問設置。
您可以編輯投影片主題、圖片大小、幻燈片尺寸等選項。
幻燈片主題會影響幻燈片的佈局,因此你可以切換各種選項。 如果你使用的是 Soliloquy 的專業版,還可以安裝幻燈片主題外掛程式,獲得更多自定義選項。
如果向下滾動,你會看到 “Autoplay Video ”選項。 您可以選取此選項以啟用自動播放,這樣影片就會在使用者繼續瀏覽頁面之前自動開始。
自動播放非常適合產品說明視頻或銷售頁面,可以吸引使用者,降低他們點擊離開的幾率。 完成設置調整后,只需點擊 「發佈 」按鈕即可。
第 5 步:在頁面或文章中顯示幻燈片
現在,要做的就是在頁面或帖子中發佈您的幻燈片。 如果您仍在使用 WordPress 經典編輯器,您可以輕鬆複製並貼貼簡碼。
也就是說,如果您使用的是較新的 Gutenberg 塊編輯器,那麼 Soliloquy 有一個可以直接連結到所有滑塊的塊。
只需前往Pages/Posts » Add New或編輯現有頁面/文章。
然後點擊 「+」圖示,找到 Soliloquy 塊。 在這裡,您可以選擇剛剛創建的視頻和圖片幻燈片。 完成後,點擊 「發佈 」或 「更新 」 即可。
然後,您就可以預覽您的幻燈片,確保它看起來不錯。 它應該是這樣的
為 WordPress 幻燈片添加燈箱
Soliloquy 有多種附加元件,可以增強您的滑塊,為訪問者提供更多互動體驗。 例如,如果您要添加一個幻燈片,那麼很有可能也想添加一個燈箱。
通過在 WordPress 網站的滑塊中添加燈箱效果,您就能以更專業的方式展示您的內容。
當使用者點擊您的圖片或視頻時,它將在您網站的彈出視窗中打開。 燈箱能為您的訪客創造更身臨其境的觀看體驗,讓他們可以更詳細地查看內容。 他們甚至可以在電腦上下載媒體檔或在社交媒體上分享圖片。
如果您經營的是一個攝影網站,那麼燈箱效果可以讓訪客在瀏覽圖片時不受網站上其他元素的干擾,從而提高參與度。 對於在線商店來說,燈箱有助於創建更吸引人的產品圖庫。
要在幻燈片中添加燈箱,只需進入Soliloquy附加元件。 向下滾動到燈箱外掛程式,然後點擊 「安裝外掛程式」。。
安裝后,它將出現在幻燈片的設置中。 在這裡,您可以調整效果和佈局、添加導航箭頭、燈箱主題等。
一旦啟用,燈箱就會自動工作。 預覽您的幻燈片,它應該是這樣的。