Elementor 問題:無法載入或無法正常運作?這裡有解決方案。

Elementor 無法正常工作或無法載入?本指南全面解析常見的 Elementor 問題,幫助您輕鬆修復頁面編輯器並恢復網站。立即開始修復!

你需要知道的最重要的事情

  • 首先,在隱身模式下開啟編輯器並停用瀏覽器擴充程序,然後檢查 Elementor、WordPress 和 PHP 版本是否符合要求,以此來診斷問題。
  • 在 Elementor 中使用安全模式開啟編輯器,而不啟動模板或外部插件,這有助於識別插件或模板衝突是否是導致崩潰的原因。
  • 如果 Elementor 在所有頁面上都無法正常運作,請確保 WordPress 記憶體至少為 256MB(建議 512MB),並要求您的主機提供者提高 PHP 限制,然後使用 Elementor 中的「替換 URL」工具修正遷移後儲存的 URL。

當Elementor顯示無限載入指示器、空白白板或灰色小工具面板時,已發佈的頁面可能仍然可用。

WordPress 控制面板中的 Elementor 編輯器卡在載入中或顯示空白編輯器面板。

螢幕上顯示的是編輯器初始化失敗,並非頁面本身已損壞的證據。公共頁面會顯示已儲存的內容,而編輯器還需要載入其腳本、WordPress 資料、預覽框架以及來自伺服器的新回應。

因此,重新載入頁面並不能測試相同的功能。瀏覽器擴充功能可能只會阻塞編輯介面,損壞的小工具可能只會影響單一頁面,而伺服器可能會繼續提供快取頁面,同時拒絕 WordPress 中 Elementor 所需的大型請求。

在對網站進行任何更改之前,請先將結果與下表進行比較。這種簡單的比較可以避免對外掛程式、主題和伺服器進行大多數不必要的更改。

哪些方法仍然有效? 首先要檢查什麼
頁面將在另一個瀏覽器視窗或新視窗中開啟。 新增瀏覽器快取的編輯器檔案或被封鎖的網站資料。
開啟其他 Elementor 頁面和一個空白頁面 受影響頁面的最新使用者介面元素(小工具)、自訂程式碼、範本或已儲存的資料。
編輯器打開 安全模式 新增外掛程式、主題腳本、主題預載器或自訂程式碼時發生衝突。
所有頁面都無法打開,包括在安全模式下。 Elementor/Pro 相容性問題、WordPress 記憶體不足、PHP 錯誤或伺服器回應阻塞。
問題出現在更改網域名稱、測試環境或 HTTPS 之後。 WordPress URL、Elementor 儲存的 URL、混合內容和永久連結。
控制台顯示錯誤。 403، 500框架或跨域錯誤 主機、防火牆、Cloudflare 或回應標頭,而不是頁面設計。

在更新或降級 Elementor、取代 URL、切換主題或停用外掛程式之前,請務必建立目前備份。在網站處理要求、訂閱、表單或其他任何實際流量時,請在測試環境中執行衝突測試。

1. 確定問題是出在瀏覽器、單一頁面或所有頁面。

最快捷有效的測試方法並非更新或重新安裝,而是在乾淨的瀏覽器工作階段中開啟編輯器,然後再開啟另一個 Elementor 頁面。這樣就能看出網站實際上受到的影響程度。

  1. 請使用現代桌面瀏覽器,在隱私視窗或隱身模式下開啟受影響的頁面。 Elementor 不支援在行動裝置或平板電腦環境下編輯。
  2. 如果頁面在那裡打開,請切換回您常用的瀏覽器,並停用該網站的所有廣告攔截器、腳本攔截器、隱私擴充功能或防毒軟體外掛程式。編輯器恢復正常後,再逐一重新啟用它們。
  3. 再次開啟 Elementor 頁面。然後建立一個空白的、未發布的草稿並選擇 與Elementor編輯.
  4. 在 WordPress 中,開啟 Elementor > 編輯器 > 系統某些舊版的 Elementor 將此選項顯示為… Elementor > 系統訊息.
  5. 檢查並比較您已安裝的 WordPress、PHP、Elementor 和 Elementor Pro 版本。 當前系統需求 適用於 Elementor。保持免費版插件和專業版插件之間的相容性。
    WordPress 控制面板會顯示 Elementor 更新資訊以及用於相容性檢查的 Elementor 系統資訊畫面。
    令人驚訝的是,大量 Elementor 載入失敗都是由 WordPress、Elementor、Pro、主題或 PHP 的舊版本引起的。

如果只有常規瀏覽器發生故障,請保持 WordPress 設定不變,並修復瀏覽器外掛程式或網站資料問題。如果只有一個頁面發生故障,請使用方法 3。如果所有頁面在多個瀏覽器中都發生故障,則安全模式可以提供下一個更清晰的對比結果。

如果需要更新,請先備份您的網站並在測試環境中進行測試。在更新 Elementor Pro 之前,請先更新免費的 Elementor 插件,以避免版本不相容。

2. 使用安全模式來辨識外掛程式或範本衝突

Elementor 的安全模式可讓您在不啟動目前主題或任何標準外部外掛程式碼的情況下開啟編輯器,但僅限已登入的管理員使用。此模式不會更改訪客看到的版本,因此比直接停用網站上的外掛程式更安全

如果編輯器已打開,但只有已發布的頁面顯示錯誤,則此測試是不必要的。此外,安全模式無法診斷載入自身外部腳本的小部件面板。

  1. 打開 Elementor > 工具然後調整選項 安全模式 على 啟用儲存找零。您也可以接受索賠。 安全模式 Elementor 功能在編輯器中顯示時會顯示出來,但編輯器無法正常運作。
    Elementor 編輯器提示您進入安全模式以排查下載問題。
    如果 Elementor 以模式加載 安全模式通常情況下,編輯器運作正常,故障原因是某個常規插件或模板引起的。
  2. 重新載入同一頁面。如果只有組件面闆卡住,請注意以下結果:Elementor 顯示 安全模式 它不會移除面板內載入的外部腳本,因此面板故障並不能作為最終的測試依據。 安全模式.
  3. 如果編輯器完全開放,請使用測試站點或維護期禁用除以下插件之外的所有插件… Elementor元素專業.
    WordPress 外掛頁面已停用非 Elementor 插件,以隔離 Elementor 載入衝突。
    簡化網站並逐步重新啟用外掛程式通常能更快找到 Elementor 衝突。
  4. 測試編輯器,然後逐一重新啟用其他外掛程式。特別注意 Elementor 附加元件、快取/壓縮工具、安全插件以及問題出現前不久更新的任何內容。
  5. 如果採取其他步驟後故障仍然發生,請嘗試使用 你好元素在永久替換模板之前,請停用標準模板提供的任何頁面預加載器或自訂腳本。

Elementor 的安全模式文件證實,在此測試期間,訪客仍會看到正常的介面主題和外掛程式。

如果重新啟用外掛程式或常規範本後編輯器仍然發生故障,請暫時停用該元素,以便更新它、修正其設定或向其開發者要求相容性解決方案。在停用必要的外掛程式之前,請務必考慮網站會因此遭受哪些損失。

如果新版 Elementor 發布後立即發生故障,可能需要恢復已知品質的備份或使用Elementor 的版本控制回滾功能。請先備份您的備份,並確保 Elementor 和 Elementor Pro 運行的是相容版本。

3. 檢查所有頁面故障時的記憶體和伺服器回應

當 Elementor 在所有頁面和瀏覽器中都無法正常工作時,可能是編輯器佔用了過多的 WordPress 內存,或者收到了不完整的 PHP 回應。已發布的網站可能看起來仍然正常,因為快取的前端頁面比編輯器佔用的資源更少。

Elementor 目前列出的Elementor 和 Elementor Pro 的最低 WordPress 記憶體需求為256MB,建議使用512MB。 WooCommerce和其他大型外掛程式可能需要額外的記憶體。

如果只有一個頁面發生故障,或者編輯器已經在另一個瀏覽器中運行,請不要使用此伺服器方法,因為這些結果表明存在其他問題。

  1. 打開 Elementor > 編輯器 > 系統 並記下以下內容 WordPress記憶體限制PHP 版本、PHP 記憶體限制以及任何警告。
  2. 重複此操作一次並記錄時間。請主機方檢查此請求的 PHP 錯誤日誌、Web 伺服器日誌和防火牆日誌。
  3. 如果 WordPress 記憶體低於 Elementor 的要求,請聯絡您的主機供應商,以提高 WordPress 和伺服器端的 PHP 限制。 WP_MEMORY_LIMIT 它不能超過主機設定的最大限制。
  4. 請主機修復發現的任何記憶體洩漏、致命的 PHP 錯誤、執行逾時、寫入權限失敗、ModSecurity 阻塞或損壞的 squeeze 回應。
  5. 更換伺服器後重新上傳同一個編輯器。
    Elementor 系統資訊畫面會顯示影響編輯器的 WordPress 記憶體限制和伺服器設定。
    當 Elementor 載入到一半停止時,真正的原因通常是伺服器的記憶體或資料庫,而不是頁面本身。

出現500 內部伺服器錯誤表示伺服器端掃描有問題。我們的 Elementor 500 錯誤指南涵蓋了與此程式碼相關的其他儲存和更新失敗情況。

如果修復 PHP、記憶體或防火牆錯誤後編輯器恢復正常,請保留伺服器確認的值並移除任何臨時錯誤修復。如果主機在記錄的時間點未偵測到任何失敗的請求,請繼續執行方法 5 並測試備用 Elementor 載入器。

4. 變更 Elementor 載入器,並僅刪除舊編輯器資料。

Elementor 包含一個備用載入器,用於應對伺服器在解碼或傳回編輯器長 JSON 回應時發生故障的情況。當瀏覽器控制台顯示以下訊息時,這一點尤其重要: ERR_CONTENT_DECODING_FAILED أ或者 ERR_EMPTY_RESPONSE.

如果控制台已經報告插件衝突、URL 不符或幀被阻止,則此設定是不必要的。請先解決該特定錯誤。

  1. 打開 Elementor > 設定 > 高級.
  2. 調整選項 切換編輯器載入器方法 على 啟用然後儲存設定並測試編輯器。
    Elementor 設定頁面顯示「切換編輯器載入器方法」選項已啟用。
    當標準編輯器啟動程序在目前環境中失敗時,此載入方法鍵可提供協助。
  3. 打開 Elementor > 編輯器 > 工具 > 常規 並選擇 清除文件和數據在舊版的 Elementor 中,相同的維護過程稱為 重新產生文件和數據.
    Elementor 工具畫面會顯示「重新產生檔案」和「清除網站快取」選項,用於解決編輯器問題。
    即使原始衝突已經解決,快取的 CSS 檔案或過時的優化資料也可能導致 Elementor 繼續崩潰。
  4. 清除 WordPress 快取、主機快取和 CDN 快取。然後,清除瀏覽器中此網站的已儲存數據,而不是刪除整個瀏覽會話。我們的單一站點快取清除指南解釋了這種更有針對性的清理過程。
  5. 關閉舊的編輯器標籤頁,然後開啟一個新的標籤頁。

Elementor 指出,備用載入器可以安全地保持啟用狀態。如果此方法修復了編輯器,主機仍需檢查回應壓力和資源限制,以了解載入器故障的根本原因。

若要撤銷此操作,請將「切換編輯器載入器方法」選項重設為「停用」。之後保持正常快取啟用狀態,並僅排除那些提供過時資料的 WordPress 管理員/編輯器 URL。

如果在刪除已建立的檔案後編輯器能夠加載,則表示快取版本已過期。如果問題仍然存在,請在遷移或變更 HTTPS 協定後再執行方法 6;否則,請執行方法 7 並檢查控制台。

5. 修正遷移、網域變更或切換到 HTTPS 後儲存的 URL

Elementor 的預覽載入在一個框架內。網站遷移後,WordPress 後台可能使用特定的網域或協議,而 Elementor 中儲存的資料仍需要不同的網域或協議。這種衝突會導致編輯器顯示空白,或控制台出現混合內容和跨域錯誤。

避免對尚未遷移的網站執行尋找和取代操作。在替換任何 URL 之前,請務必備份資料庫。

  1. 打開 設置>常規請確保這兩個字段 WordPress 位址 (URL) و網址 (URL) 它們使用目標網域和相同的協定。 https://.
    正在檢查顯示 WordPress 位址和網站位址欄位的常規 WordPress 設定頁面是否有 Elementor 載入問題。
    Elementor 在遷移後經常崩潰,因為編輯器和網站仍然指向略有不同的 URL。
  2. 打開 Elementor > 編輯器 > 工具 > 替換 URL準確輸入舊網址和新網址,檢查兩個值,然後執行替換過程。
  3. 請參閱 工具 > 常規 並選擇 清除文件和數據.
  4. 打開 設定 > 固定鏈接 並選擇 保存更改 不改變結構。
    在網域名稱或 SSL 變更後,可以使用 Elementor 取代 URL 工具和 WordPress 永久連結設定。
    URL替換和永久連結更新通常是透過取代URL和更新永久連結來完成的。 最重要的 在實驗性網站遷移、克隆或 HTTPS 變更之後。
  5. 清除網站快取和 CDN,然後重新開啟編輯器。如果網域已更改,請重新關聯您的 Elementor 許可證。

Elementor 官方更改 URL 的說明使用以下序列來替換和掃描檔案。

如果 WordPress 位址欄位已鎖定,請諮詢您的主機提供者或網站管理員… WP_HOME وWP_SITEURL 在嘗試修改它們之前,請在其他地方先對它們進行定義。

6. 使用瀏覽器控制台指定是封鎖 Cloudflare、Iframe 還是防火牆。

當 Elementor 發生故障時,瀏覽器控制台中顯示帶有紅色錯誤訊息的灰色預覽圖遠比嘗試重新安裝它更有幫助。控制台的重要性在於,Elementor 的腳本和預覽框架本質上都是來自瀏覽器的請求。失敗的請求可以幫助您確定是瀏覽器、Cloudflare、防火牆還是伺服器拒絕了請求。

如果控制台未顯示任何對應錯誤,請勿使用此方法變更訊框頭或防火牆規則。這些設定是安全控制,而非常規效能設定。

  1. 右鍵單擊空白編輯器,然後選擇 檢查開啟標籤頁 控制台然後重新載入頁面。
  2. 將圖中所示的紅色錯誤與下面所述的糾正措施進行配對。
控制單元或網路結果 糾正措施
403故宮 詢問您的安全插件提供者或主機提供者,是哪條防火牆或 ModSecurity 規則阻止了 Elementor 請求。將該請求新增至白名單中,而不是停用全站保護。
500 أ或者 503 向主機提供請求發生的時間,並向其索取相應的 PHP 日誌和伺服器日誌。
拒絕裝裱展示 أ或者 X 幀選項:拒絕 請告知您的主機提供者是否允許同源框架。 Elementor 文件中提到了這一點。 X-Frame-Options: SAMEORIGIN CSP政策 frame-ancestors 'self' 這些設定是相容的。
混合內容 或跨網域 URL 使用方法 6 修正已儲存的 HTTP/網域 URL。
腳本延遲的原因 Cloudflare Rocket Loader 停用 WordPress 控制面板和 Elementor 編輯器 URL 的 Rocket Loader,然後清除 Cloudflare 快取。
錯誤訊息提示主題或外掛程式腳本的名稱不正確。 在測試環境中停用此外掛模組、主題預載器或自訂程式碼,然後重新測試。

如果在更正單一目標規則或標頭後載入編輯器,則保留最窄的例外情況,並重新啟用為測試目的而停用的任何安全功能。

下載Elementor系統資訊並儲存控制台訊息。向主機請求對應的 PHP 和防火牆日誌。

如果編輯器仍然無法加載,請指出它是否在隱私視窗中運行、在另一個頁面上運行,以及在與 Elementor 通訊時是否處於安全模式。這些結果比簡單的更新和重新安裝清單更能準確地定位失敗的請求。

評論被關閉。