如何修復 WordPress 管理儀表板中損壞的 CSS

處理 WordPress 管理區域中損壞的 CSS 可能是一件非常令人頭痛的事情。事實上，您將看到的不是管理儀表板，而是一個混亂且無風格的頁面。

管理區域中損壞的 CSS 也會阻止您在網站上工作，這使其成為一個嚴重的問題。由於可能有多種原因，許多初學者不知道如何解決這個問題。

我們已經在我們的網站上遇到過這個問題，因此我們已經完成了所有故障排除步驟以找到最簡單的解決方案。在本教學中，我們將協助您修復 WordPress 管理儀表板中損壞的 CSS。

以下是我們將在本文中介紹的主題和故障排除步驟的快速概述：

是什麼導致 WordPress 管理區域中的 CSS 損壞？

CSS 在 WordPress 管理區域中損壞的原因有很多。然而，就像許多常見的 WordPress 錯誤一樣，初學者可能會很沮喪地找出需 購買群發短信服務 要修復的內容。

根據我們的經驗，WordPress 管理區域 CSS 損壞的主要原因如下：

• 外掛衝突：使用自己的 CSS 編碼不良的外掛可能會與 WordPress 的預設樣式發生衝突，從而覆蓋或乾擾管理區域樣式。
• HTTP/HTTPS 不符：混合內容問題（某些檔案透過 HTTP 而不是 HTTPS 載入）可能會導致瀏覽器阻止 CSS 檔案。
• 主題幹擾：某些主題在管理區域載入CSS，這可能會導致衝突。如果您使用自訂管理主題，這也可能會導致樣式問題。
• 快取問題：您的瀏覽器快取可能包含過時版本的 CSS 檔案。快取外掛程式可能會使用舊的 CSS 文件，從而導致樣式問題。
• CDN 問題：配置不當的內容交付網路 (CDN) 可能會提供過時版本的 CSS 文件，從而導致樣式遺失或損壞。
• 不正確的檔案權限：伺服器可能無法讀取權限不正確的 CSS 檔案。
• 檔案損壞： CSS 檔案在更新或上傳過程中可能會損壞或遺失。
• 瀏覽器擴充：擴展，尤其是內容攔截器，可能會幹擾 CSS 的顯示。

了解這些原因將幫助您確定 WordPress 管理區域的 CSS 損壞的原因，以便您可以實際修復它。

第 1 步：檢查插件衝突

根據我們的經驗，編碼不良的 WordPress 外掛通常是管理區域 CSS 損壞的罪魁禍首。然而，有時即使是編碼良好的外掛程式 本地 seo 互動 – 什麼重要？ 也可能會遇到與 WordPress 網站或伺服器設定相關的問題。

以下是如何識別和解決插件衝突的方法。

停用所有插件

首先，您需要登入 WordPress 管理儀表板並導航至外掛程式「已安裝外掛程式」頁面。

此時，選擇所有插件並從“批次操作”下拉選單中選擇“停用”，然後按一下“應用”。

之後，只需刷新管理區域或重新載入頁面即可查看 CSS 問題是否已解決。如果 CSS 正確，則可以在其中一個外掛程式中找到問題。

一一重新啟用插件

要確定導致問題的插件，您需要單獨重新啟用每個插件。為此，只需點擊插件下方的“激活”連結即可。

啟動每個外掛程式後，您需要刷新管理區域以檢查 CSS 是否再次損壞。

這將有助於識別導致問題的特定插件。

尋找替代方案或更新插件

一旦確定了衝突的插件，您就可以檢查是否有可用的更新。如果更新無法解決問題，您可以考慮尋找替代外掛程式或聯絡外掛程式開發人員尋求協助。

有關詳細說明，請參閱我們有關如何停 迴聲資料庫 用插件的教學。本教學也介紹如何透過 FTP 停用插件，以防您的 WordPress 管理區域無法存取。

步驟 2：透過 HTTPS 上傳不安全的文件

我們的用戶遇到的 CSS 損壞的另一個常見原因是安全 URL 的配置不當，這會導致混合內容問題。

當網站設定為使用安全 HTTPS 協議，但 CSS 由 HTTP 或不安全協議提供服務時，就會發生這種情況。

發生這種情況時，流行的瀏覽器（例如​​ Google Chrome）會自動阻止不安全的資源，從而導致 WordPress 管理區域中的 CSS 損壞。

 

要解決此問題，您首先需要確保您的 WordPress 設定具有正確的 URL。

進入設定「常規」頁面，確保 WordPress 位址和網站位址的 URL 中都包含 HTTPS。

如果兩個 URL 中均已存在 HTTPS，您可以手動強制 WordPress 使用 HTTPS。

只需編輯 wp-config.php 檔案並添加以下程式碼：

或者，您可以使用諸如Really Simple SSL之類的插件在所有URL 上強制使用HTTPS。