您的 WordPress 滑塊不工作嗎? 這是解決方法!

已發表: 2021-10-05

圖像滑塊是在保留空間的同時顯示多個圖像的好方法。 當然,這不是唯一的好處。 但是,如果您的 WordPress 滑塊無法正常工作,那麼這些好處都不重要。 您的網站看起來不專業,如果這是您策略的一部分,這可能會降低您的流量和潛在收入。

有許多問題需要注意,例如圖像何時不顯示、對您網站性能的影響等等。 但是,對於所有這些問題,也有一些解決方案,您不會花費太長時間來解決。 您選擇的插件將是您遇到的問題以及它們是否繼續出現的核心。

因此,本指南將向您展示如何修復不工作的 WordPress 滑塊。 我們將直接進入提示,並以關於為您的網站選擇一個好的 WordPress 滑塊插件的部分結束。

1. 您的滑塊圖像不會出現在您的網站上

一個明顯的問題是當您的滑塊加載但不顯示圖像時。 在很多情況下,這將顯示為一張空白幻燈片,或者您甚至可能會看到一個表示丟失圖像的圖標。 這些問題通常比後端問題更嚴重,因為它對用戶是可見的。

滑塊的圖像不顯示有幾個原因。 主要問題圍繞著您網站的緩存(如果您使用緩存的話)。 但是,您的圖像文件中也可能存在一些損壞,甚至在滑塊代碼的內部也可能存在損壞。

在極少數情況下,您的滑塊插件可能與您的 WordPress 版本不兼容。 但是,這通常顯示為您的插件的嚴重故障; 你不會看到任何加載,更不用說你的圖像了。

鑑於上述情況,您可以執行許多修復。 如果您使用緩存 - 無論是服務器端還是使用客戶端插件 - 清除它,然後檢查您網站的前端。 在大多數情況下,這將解決問題。

刪除緩存按鈕。

同時打開 WordPress 媒體庫,查看您的圖像是否出現在庫本身中。 如果是這樣,請搜索元數據以獲取有關您希望看到的圖像是否已損壞的任何線索。

WordPress 媒體庫。

無論如何,您都可能重新上傳圖像,以確保它們不會引起問題。 您還可以嘗試將新圖像上傳到滑塊以檢查所選插件的功能。

雖然這可能不是您的 WordPress 滑塊無法正常工作的原因,但也請更新您的 WordPress 核心安裝和插件。 開發人員在其最新更新中可能會修復兼容性。

2.您的圖像以不規則尺寸顯示

如果您有滑塊問題,圖像的尺寸是要考慮的最重要的元素之一。 這是因為雖然滑塊插件可以做一些很棒的事情,但裁剪和調整可能因解決方案而異。

如果您注意到滑塊的圖像加載但看起來不正確,請檢查它們的高度和寬度。 它們應該與您在配置設置中為滑塊設置的大小相匹配:

Soliloquy 配置設置。

在很多情況下,您可以保留這些,或者將圖像縮放到兩倍這些尺寸。 例如,對於 1,000×500 像素的幻燈片,您可以轉到 2,000×1,000 像素。 雖然這看起來像是在浪費資源,但對文件大小的影響卻很小。

相反,您將提供圖像的高清版本,它將“雙”像素打包到一個空間中。 這可能聽起來令人困惑,但將尺寸加倍是在屏幕上創建更清晰圖像的方法。

此外,您還可以使用 Soliloquy 的功能來幫助您。 WordPress 滑塊插件包括一種居中和縮放您上傳的圖像的方法。 雖然您仍然希望從源頭為圖像設置正確的尺寸,但 Soliloquy 的功能可以幫助您使它們更加一致。

您可能還想檢查裝訂線設置,以及滑塊是否為您裁剪圖像:

滑塊裝訂線設置。

如果發生這種情況而您不知道,當您沒有看到您認為您期望的結果時,您通常會感到沮喪。

3. Slider 插件會影響您網站的性能

網站速度慢可能會給您的網站帶來多個問題。 這是對用戶體驗 (UX) 的主要影響,也會影響您的搜索引擎優化 (SEO)。 緩慢的網站會讓用戶望而卻步。 更少的流量和更高的跳出率意味著您的內容將在搜索引擎結果頁面 (SERP) 中下滑。

您的 WordPress 滑塊插件可能是速度慢的根本原因,原因有很多:

  • 您使用的圖像太大。 您添加到頁面的每張圖片都會增加頁面的整體大小。 較大的頁面大小需要更長的時間來加載。 我們建議您在上傳圖片之前對其進行優化,並儘可能保持精簡。
  • 滑塊插件不使用最佳代碼庫。 稍後我們將對此進行更多說明,但糟糕的 WordPress 滑塊插件會產生不合標準的結果。
  • 您使用了太多的特殊效果和過渡。 就像使用大圖像一樣,您添加到滑塊的所有花里胡哨都會增加其大小。

您的第一步應該是查看是否可以通過優化圖像和使用“有品味”的過渡次數來影響幻燈片的加載時間。 一旦你有了這些,你可以看看滑塊插件本身。

默認情況下,某些插件的性能比其他插件更好。 例如,我們對包括 Soliloquy 在內的五個不同的 WordPress 滑塊插件進行了快速測試。 每個滑塊使用相同的圖像,我們記錄了頁面加載時間、最終頁面大小和執行的 HTTP 請求數量的測量值。

後者是一個後端指標,可以讓您大致了解插件代碼的優化程度。 結果如下:

滑塊插件頁面加載時間要求頁面大小
獨白1.34 秒26 945 KB
尼沃滑塊2.12 秒29 1 MB
流星2.32 秒27 1.2 MB
滑塊革命2.25 秒29 1 MB
圖層滑塊2.12 秒30 975 KB

我們的 WordPress 滑塊插件 Soliloquy 在所有三個領域都贏得了這場比賽。 這裡的要點是,一旦您優化了圖像和滑塊演示,您選擇的插件就會影響您網站的性能。

4. 加載動畫中的滑塊“掛起”

可能是您的 WordPress 滑塊根本沒有加載,這與之前的圖像無法加載的問題不同。 雖然您在處理圖像時有一條清晰的路徑可以遵循,但無法加載的幻燈片表明存在更嚴重的問題。

這裡的第一步是再次檢查您的圖像,以確保它們足夠小並且沒有損壞。 一旦你掌握了這個,你可以看看你的其他插件。

雖然您可能看不到連接,但未加載的幻燈片可能表明您網站的某些代碼之間存在衝突。 因此,最好禁用您網站的所有插件並啟用滑塊。

如果您檢查此項並且您的滑塊按預期加載,則另一個插件將出現故障。 從這裡,依次啟用您的滑塊和每個其他插件,以確定哪個與您的滑塊衝突。

WordPress 插件頁面。

找到有問題的插件後,您可以做出以下決定:

  • 首先,確定插件是否對您的工作流程至關重要。 如果沒有,您可以安全地停用並卸載它。
  • 如果該插件是必不可少的,您可能需要尋找另一個。 WordPress 插件目錄中有數千個免費插件,在緊要關頭,您可以安裝任何替代品以使您的網站恢復正常。 當然,您還需要長期研究更持久的解決方案。
  • 您可能還想聯繫衝突插件的開發人員,讓他們知道您的問題。 他們可能會發布補丁,或指導您解決問題。

由於需要測試和替換插件,這可能是 WordPress 滑塊無法正常工作時面臨的最嚴重問題。 但是,可能還有其他技術問題會影響您——讓我們接下來討論這個問題。

5. 您的網站或滑塊插件存在技術問題

可能是您遇到的問題不屬於我們列表中的任何其他類別。 在這些情況下,您可能會遇到無法診斷的技術問題。

我們的第一站是聯繫開發人員並討論您遇到的問題。 他們將是最好的聯繫人,因為他們將對插件及其工作原理有深入的了解。

但是,您的網站可能存在問題,這些問題是 WordPress 滑塊插件的原因。 例如:

  • 死亡白屏。 這通常是插件或主題的問題,並且是更難解決的問題之一——儘管這並非不可能。
  • WordPress 多站點網絡問題。 在某些情況下,如果您使用網絡激活選項進行安裝,插件將無法正常工作。 相反,您需要在各個站點上安裝滑塊,然後從那裡開始工作。

如果有什麼突出的原因是您的滑塊問題的原因,那麼一定要設法解決它。 但是,在大多數情況下,您需要聯繫開發人員以獲得修復。

為了獲得最佳性能,請選擇優質的 WordPress 滑塊插件

當涉及到圖像滑塊時,您總是需要使用插件。 儘管 WordPress 和插件齊頭並進,但請記住,您仍在向您的網站添加額外的代碼。 因此,您需要為您選擇正確的 WordPress 滑塊插件。 如果您在網站上遇到與滑塊相關的問題,則很可能是插件本身有問題。

Soliloquy 是一款快速、直觀且功能強大的 WordPress 滑塊插件,擁有數千名滿意的用戶和優惠的價格:

自言自語插件。

您可以通過自定義編輯器面板在幾分鐘內創建漂亮、響應迅速且引人入勝的滑塊。 有很多理由選擇 Soliloquy 而不是其他滑塊插件,但這裡有一些突出的功能:

  • 您可以使用拖放式可視化編輯器來構建滑塊。
  • 有許多主題可供選擇,以幫助加快您的設置時間。
  • 您可以創建具有動態內容的滑塊,因此您可以在利用 Soliloquy 提供的強大功能的同時採取不干涉的方法。
  • Soliloquy 中有一些功能可以阻止用戶下載您的內容,例如禁用右鍵單擊。

我們已經註意到 Soliloquy 的速度有多快,其中部分原因在於在插件代碼庫中使用了典型實踐。 此外,我們有一個完整的支持團隊隨時為您提供幫助。

結論

WordPress 滑塊可以將靜態、無聊的頁面變成您網站上工作的動態顯示。 但是,如果您的滑塊有問題,則可能很難診斷。 你可以做很多事情,在事情變壞之前你可以做很多事情。

在這篇文章的過程中,我們已經研究了 WordPress 滑塊無法正常工作的一些問題,並向您展示瞭如何解決這些問題。 例如,確保您的圖像精簡併設置為正確的尺寸。 更重要的是,如果您選擇了合適的滑塊插件(例如 Soliloquy),您就會知道技術因素不會成為您的 WordPress 滑塊無法正常工作的因素。

如果您喜歡本指南,請在 Facebook 和 Twitter 上關注我們並訂閱本頁右側的時事通訊,以獲取更多免費的 WordPress 提示和資源!