如何使用Soliloquy輕鬆創建響應式WordPress滑塊


滑塊通常在企業或投資組合網站的首頁上使用。 有數百個WordPress滑塊插件,每個插件都有自己的功能。 但是,我們從用戶那裡得知,大多數滑塊插件對他們來說太複雜了。 在本文中,我們將向您展示如何使用Soliloquy在站點上輕鬆添加WordPress滑塊。 這裡的目標是找到最好的WordPress滑塊插件,該插件易於使用,適用於所有主題並且響應迅速,意味著它適合所有屏幕(智能手機,台式機和平板電腦)。

為什麼要使用Soliloquy作為WordPress滑塊?

Soliloquy是一個功能強大的響應式WordPress滑塊插件,具有豐富的功能,並且非常易於管理。 與其他插件相比,這是我們喜歡Soliloquy的一些東西:

  • Soliloquy遵守WordPress編碼標準和最佳做法。
  • 它使用自定義帖子類型來處理滑塊,這使得使用任何WordPress備份解決方案更輕鬆地導入/導出滑塊。
  • 它已100%準備翻譯,非常適合國際觀眾。
  • 這是SEO友好的。 您可以向每張幻燈片添加元數據,標題,替代文本和標題。
  • Ajax支持的拖放幻燈片排序功能非常易於使用。
  • 響應式WordPress滑塊,具有對支持觸摸功能的設備(例如智能手機和平板電腦)的觸摸滑動支持。
  • 具有豐富文檔和50多個鉤子和過濾器的開發人員友好型。 如果需要,您可以輕鬆地將其貼上白色標籤。

除了所有功能之外,與其他滑塊插件相比,Soloiloquy的價格還算便宜。 基本選項僅售$ 19。 WPBeginner用戶通過使用Soliloquy優惠券可獲得25%的獨家折扣,這使交易變得更好。 使用代碼: WPBEGINNER

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

使用Soliloquy創建WordPress滑塊

您需要做的第一件事是購買Soliloquy。 擁有Soliloquy之後,您需要安裝並激活它(請參閱如何安裝WordPress插件)。 激活後,該插件將在您的WordPress管理員中添加一個新的Soliloquy菜單。 單擊它會將您帶到滑塊列表頁面,該頁面將為空,因為您尚未創建任何滑塊。 要添加新的滑塊,請點擊 Soliloquy»添加新

使用Soliloquy添加新的WordPress滑塊

您想通過添加滑塊標題開始。 接下來點擊 上傳幻燈片 按鈕。 將會出現一個彈出窗口,類似於默認的WordPress媒體上傳器。 您可以上傳幻燈片的圖像,從媒體庫中選擇圖像,通過添加YouTube或Vimeo視頻的URL添加視頻幻燈片,或創建HTML幻燈片。

要將視頻添加為幻燈片,您需要將視頻上傳到YouTube或Vimeo(了解為什麼永遠不要將視頻上傳到WordPress)。 擁有視頻URL後,只需將其粘貼即可,其餘的將由Soliloquy負責。

對於HTML幻燈片,您需要粘貼HTML代碼。 這個html可以是您想要的任何東西。 一個示例是為您的新聞通訊或號召性用語按鈕添加電子郵件選擇加入表格。

在本文中,我們將向您展示如何在WordPress中創建圖像滑塊。 點擊 選擇文件 從計算機上載幻燈片圖像。

在Soliloquy中上傳圖片幻燈片以創建WordPress滑塊

選擇圖像幻燈片後,它們將被上傳到您的媒體庫。 點擊 插入幻燈片 按鈕將這些幻燈片添加到您的滑塊中。 插入幻燈片後,您可以在“添加新的滑塊”頁面上配置其他選項。 雖然您可以調整默認的滑塊大小,但響應能力使它可以針對較小的屏幕自動進行調整。 默認大小是相對點,因為滑塊會在不同設備上自行調整。

自言自語滑塊設置

在其他選項中,您可以選擇滑塊速度,幻燈片動畫效果,過渡效果等。對設置滿意後,單擊“發布”按鈕以保存滑塊並使其公開可用。

在帖子/頁面中添加WordPress滑塊

現在您已經創建了滑塊,下一步是將滑塊插入到帖子或頁面中。 打開帖子編輯器,選擇要添加滑塊的位置,然後單擊 添加滑塊 媒體上傳器旁邊的按鈕。

將滑塊插入WordPress帖子或頁面

您將看到所創建的每個滑塊的框。 選擇要插入的滑塊,然後單擊 插入滑塊 按鈕。

選擇要插入的滑塊

這會將滑塊簡碼添加到您的帖子中。 現在,您可以保存或預覽您的帖子,並看到正在使用的滑塊。

使用Soliloquy編輯和更新WordPress滑塊

使用Soliloquy創建WordPress滑塊的妙處在於,您可以隨時編輯滑塊,而無需編輯已插入滑塊的帖子或頁面。 只需單擊管理側欄中的Soliloquy圖標,然後單擊要更新的滑塊下方的“編輯”鏈接。

使用Soliloquy編輯滑塊

現在,讓我們編輯上面創建的滑塊。 記住,我們告訴過您,用Soliloquy創建的滑塊對SEO友好。 您可以將元描述,標題,URL和標題添加到各個幻燈片。 單擊滑塊中單個幻燈片旁邊的編輯按鈕。

修改滑塊中的幻燈片

這將打開一個彈出窗口,您可以在其中輸入圖像標題,替代文本,將幻燈片鏈接到URL並輸入標題。 如果您想添加新聞簡報加入表單,也可以在標題中使用HTML。 輸入幻燈片的元信息後,單擊“保存幻燈片”按鈕。

在使用Soliloquy創建的WordPress滑塊中輸入幻燈片的元數據

您所做的更改將自動反映在您網站上嵌入的滑塊中。

在模板和小部件中添加Soliloquy WordPress滑塊

Soliloquy隨附有一個小部件,您可以使用該小部件將滑塊添加到網站上任何小部件化的區域。 去 外觀»小部件 並將Soliloquy小部件拖放到側邊欄。 您將看到已創建的幻燈片列表。 選擇您要插入並保存小部件的那個。 由於使用Soliloquy創建的滑塊具有響應性,因此它們將自動調整以適合側邊欄的寬度。

Soliloquy小部件可讓您在邊欄中添加滑塊

每個Soliloquy滑塊都有其自己的唯一短代碼和一個功能。 您可以使用此功能在主題模板文件中的任何位置添加滑塊。 要獲取功能代碼,請在WordPress管理員中單擊Soliloquy圖標。 這將在滑塊標題旁邊顯示您創建的滑塊列表以及短代碼和功能。 相應地複制並粘貼功能代碼。

使用功能向主題模板添加滑塊

最後的想法

Soliloquy是我們在市場上看到的更好的WordPress滑塊插件之一。 相信我們,我們已經測試了許多。 在廣泛使用Soliloquy之後,其速度和功能給我們留下了深刻的印象。

大多數滑塊插件都充斥著大量代碼,並且文檔記錄很少。 自言自語的是重量輕,速度快。 它是為用戶和開發人員構建的。 他們做得很好,可以遵循所有WordPress標準,同時使滑塊對於初學者而言非常易於使用。 他們的代碼文檔使其他開發人員可以輕鬆地根據需要自定義和擴展功能。

我們可以輕鬆地說,Sololoquy現在已經成為WordPress滑塊插件的第一選擇。

我們希望本文能幫助您在WordPress網站中添加一個滑塊。 對於反饋和問題,請在下面發表評論。 也不要忘記在Twitter上關注我們 @wpbeginner