這是一篇有關Elementor編輯搭建WordPress網站時,可能會遇到 Elementor無法載入編輯器 的問題的解決方案彙總。一般會表現為:
- Elementor無法載入編輯,編輯器一直處在載入狀態,無法進入編輯頁面。
- 螢幕顯示空白或提示類似 “Elementor 未能載入” 的資訊。
- 頁面無法正常顯示,或者功能按鈕沒有反應。
先清快取
編輯器載入不出來,第一步永遠是清快取:Elementor自身”重新生成CSS”、快取外掛、CDN、瀏覽器,逐層清
來源:Elementor官方
查外掛衝突
載入卡關常是外掛/主題衝突:用”逐個停用”法定位,或臨時切預設主題測試
來源:排查經驗
提PHP記憶體
複雜頁面要夠的PHP記憶體(建議≥256M)和執行時間;太低會導致編輯器白屏或一直轉圈
來源:Elementor系統要求
這個問題可能由多種原因引起,通常與伺服器配置、外掛衝突、快取問題、記憶體限制等因素相關。以下是一些常見的原因和對應的解決方案。如果已經更換過主題或者增加過伺服器依舊無效的情況下,建議直接跳過常規原因及解決方案這一部分內容,直接看關於如何使用外掛控制 WordPress 心跳 API的部分,如果你可以使用elementor編輯網站但是無法進行儲存更新,可以看這篇文章《Elementor編輯搭建WordPress網站時無法儲存更新》
常見原因及解決方案
1. PHP 配置問題
Elementor 需要足夠的 PHP 資源來正常執行,如果您的伺服器配置資源不足,可能會導致載入失敗。
解決方法:
檢查並修改以下 PHP 配置項:
- PHP 版本:Elementor 推薦使用 PHP 7.4 或更高版本。
- 記憶體限制:確保 PHP 記憶體限制足夠高,推薦至少 256M,或更高以支援複雜頁面。在 php.ini 中修改:
- 最大執行時間:增加 PHP 指令碼的最大執行時間,推薦至少 300 秒。
- 上傳檔案大小和 POST 大小:確保
upload_max_filesize 和 post_max_size 足夠大,避免上傳資源時受限:upload_max_filesize = 50M
post_max_size = 50M
- 最大輸入時間:推薦增加
max_input_time,尤其是對於複雜或較大的頁面。
步驟:
- 登入伺服器,編輯 php.ini 檔案,修改以上引數。
- 重啟 Web 伺服器(Apache 或 Nginx)以應用更改。
參考命令:
- Apache:
sudo service apache2 restart
- Nginx:
sudo service nginx restart
2. 記憶體不足或伺服器資源不足
如果您的 WordPress 網站託管在資源有限的伺服器上(如共享主機),伺服器資源不足會導致 Elementor 無法正常載入。
解決方法:
- 增加記憶體:透過修改 wp-config.php 檔案來增加 WordPress 的可用記憶體。在 wp-config.php 檔案中,新增以下程式碼:
define('WP_MEMORY_LIMIT', '256M');
- 升級主機:如果您的伺服器資源非常有限,建議升級到更高配置的主機,或者切換到更高效能的託管服務。關於wordpress的伺服器選擇問題,我們這裡比較推薦大家使用cloudways伺服器,無論是效能還是線上解決問題,都非常友好。感興趣的可以閱讀我們站內相關文章,裡面是對wordpress在cloudways伺服器上的表現測評和介紹以及如何購買《WordPress最快伺服器推薦,沒有之一(外貿獨立站必備)》
3. 外掛衝突
某些外掛可能與 Elementor 衝突,導致編輯器無法正常載入。尤其是快取外掛、效能最佳化外掛或安全外掛。
解決方法:
- 禁用所有外掛:暫時禁用所有外掛,然後逐個啟用,找出是否有外掛與 Elementor 衝突。步驟:
- 進入 WordPress 管理後臺。
- 導航到 外掛 > 已安裝的外掛。
- 選擇所有外掛,批次禁用。
- 啟用 Elementor 外掛,檢視編輯器是否載入正常。
- 逐個啟用其他外掛,直到找到衝突外掛。
- 常見衝突外掛:快取外掛(如 WP Super Cache)、效能最佳化外掛(如 Autoptimize)、安全外掛(如 Wordfence)等可能會與 Elementor 產生衝突。
注意:
如果找到了衝突外掛,可以嘗試聯絡外掛開發者獲取支援,或者尋找替代外掛。
4. 瀏覽器快取或外掛快取問題
瀏覽器快取或 WordPress 的快取外掛可能會導致 Elementor 編輯器載入的問題。
解決方法:
- 清除瀏覽器快取:嘗試清除瀏覽器快取或者在無痕模式下開啟 Elementor 編輯器。
- 清除 WordPress 快取:如果使用了快取外掛(如 W3 Total Cache、WP Super Cache),清除所有快取。步驟(以 W3 Total Cache 為例):
- 在 WordPress 後臺,導航到 效能 > 清除快取。
- 點選 清除所有快取。
- 禁用快取外掛:如果問題依然存在,嘗試禁用快取外掛,看看是否恢復正常。
5. 主題問題
某些不相容的 WordPress 主題可能會導致 Elementor 無法載入編輯器,特別是自定義的主題或未經充分測試的第三方主題。
解決方法:
- 切換到預設主題:嘗試將主題切換到 WordPress 官方的預設主題(如 Twenty Twenty-One 或 Hello Elementor),然後檢查 Elementor 是否可以正常載入。步驟:
- 在 WordPress 後臺,導航到 外觀 > 主題。
- 啟用預設主題。
- 檢查 Elementor 是否正常工作。
- 檢查主題檔案:如果使用的是自定義主題,檢查是否有錯誤的程式碼或不相容的樣式,這可能會干擾 Elementor 的正常工作。
6. 瀏覽器擴充套件或控制檯錯誤
某些瀏覽器擴充套件(如廣告攔截器、隱私保護外掛)可能會干擾 Elementor 編輯器的載入。此外,某些 JavaScript 錯誤也可能導致 Elementor 無法載入。
解決方法:
- 禁用瀏覽器擴充套件:關閉瀏覽器中的擴充套件程式,尤其是廣告攔截器、隱私保護外掛,然後重新嘗試載入 Elementor。
- 檢查瀏覽器開發者工具:
- 在瀏覽器中按下 F12 或右鍵單擊頁面並選擇 “檢查”(Inspect)。
- 導航到 控制檯(Console),檢視是否有 JavaScript 錯誤。如果有報錯資訊,可以根據報錯內容進一步排查問題。
7. 伺服器問題(如 ModSecurity 設定)
某些伺服器配置,尤其是啟用了防火牆(如 ModSecurity)的伺服器,可能會阻止 Elementor 發出的某些請求,導致編輯器無法載入。
解決方法:
- 使用 SSH 登入到您的伺服器。
- 編輯 ModSecurity 的配置檔案(通常位於
/etc/apache2/modsecurity.d/modsecurity.conf)。 - 將
SecRequestBodyNoFilesLimit 設定為較大的值,比如 10485760(10MB):檢查 ModSecurity 設定:
如果您的伺服器啟用了 ModSecurity,可能需要調整一些引數,例如 SecRequestBodyNoFilesLimit,以允許更大的請求體。步驟:
SecRequestBodyNoFilesLimit 10485760
- 儲存檔案並重啟 Apache 伺服器:
sudo service apache2 restart
- 聯絡託管服務商:如果您不確定如何配置伺服器防火牆或其他安全設定,建議聯絡您的託管服務商,讓他們協助您調整伺服器配置。
8. 開啟安全模式
Elementor 提供了一個內建的 安全模式,允許您在不受外掛或主題影響的情況下載入編輯器。這是排查問題的一種簡便方式。
開啟安全模式的步驟:
- 在 WordPress 後臺,導航到 Elementor > 工具 > 常規。
- 啟用 安全模式。
- 嘗試再次載入 Elementor 編輯器,看看問題是否解決。
如果以上方式還是無法解決你的問題,可以嘗試最後兩種比較萬能的方法:
控制 WordPress 心跳 API
WordPress 心跳 API 允許實時資料傳輸,例如使用者活動、草稿自動儲存、通知等。這些功能雖然有用,但頻繁的心跳請求會增加伺服器負載,尤其是在有多個使用者同時編輯內容時。
為什麼需要控制心跳 API?
- 減少伺服器負擔:頻繁的心跳請求會增加伺服器 CPU 和頻寬的負載,特別是資源有限的共享主機或流量較大的網站。
- 提高效能:透過減少心跳的頻率,您可以有效降低伺服器資源的消耗,提高網站的整體效能。
如何使用外掛控制心跳 API?
有多個外掛可以用來控制或禁用 WordPress 心跳 API。一個常見的外掛是 Heartbeat Control 外掛。
使用 Heartbeat Control 外掛:
- 安裝外掛:
- 登入到 WordPress 後臺。
- 導航到 外掛 > 安裝外掛,搜尋 “Heartbeat Control”。
- 安裝並啟用該外掛。
- 配置外掛:
- 啟用外掛後,導航到 設定 > Heartbeat Control。
- 在設定頁面中,您可以選擇以下選項來控制心跳 API:
- Disable Everywhere(全域性禁用):完全禁用心跳 API,但這可能會影響自動儲存和通知等功能。
- Allow Only On Post Edit Pages(僅限編輯頁面啟用):只允許在帖子和頁面的編輯器中啟用心跳 API,減少其他頁面的請求。
- Control Frequency(控制頻率):可以設定心跳 API 的頻率,推薦設定為 60 秒 或 120 秒,以減少請求頻率。
- 儲存設定:
Heartbeat Control 的配置示例:
- 後臺儀表盤:禁用心跳。
- 文章編輯頁面:將心跳頻率設定為 60 秒/次。
減少壞機器人(Bad Bots)流量
壞機器人(Bad bots) 是自動化指令碼,通常用於抓取內容、垃圾評論、漏洞掃描等惡意行為。它們會浪費伺服器資源,甚至導致網站效能下降或安全問題。
為什麼需要阻止壞機器人?
- 減少頻寬和伺服器資源消耗:壞機器人會佔用頻寬和伺服器資源,導致網站速度變慢。
- 提高網站安全性:某些機器人會利用漏洞掃描器等工具進行惡意攻擊。
- 防止內容被盜取:一些機器人用於未經授權地抓取網站內容。
如何使用外掛阻止壞機器人?
有多個外掛可以用來阻止壞機器人流量。常用的外掛包括 Wordfence Security、All In One WP Security & Firewall 和 Blackhole for Bad Bots。其中,Blackhole for Bad Bots 是一個專門用於阻止壞機器人的簡單而有效的外掛。
1、使用 Blackhole for Bad Bots 外掛:
- 安裝外掛:
- 登入到 WordPress 後臺。
- 導航到 外掛 > 安裝外掛,搜尋 “Blackhole for Bad Bots”。
- 安裝並啟用該外掛。
- 配置外掛:
- 啟用外掛後,導航到 設定 > Blackhole。
- 該外掛會自動生成一個隱藏的陷阱連結。任何訪問該連結的機器人將被視為壞機器人,並被永久阻止。
- 您可以自定義陷阱連結的路徑,或者使用預設設定。
- 自動阻止壞機器人:
- 當壞機器人訪問陷阱連結時,外掛會將其 IP 自動加入阻止列表,防止其再次訪問您的網站。
Blackhole for Bad Bots 的工作原理:
- 外掛在頁面中插入一個隱藏連結,正常使用者和良性機器人不會訪問該連結。
- 壞機器人(通常是抓取整個頁面的指令碼)會點選該連結,暴露自身。
- 外掛將這些點選隱藏連結的機器人 IP 自動加入黑名單,阻止其再次訪問。
2、使用 Wordfence Security 外掛阻止壞機器人:
Wordfence Security 也是一個強大的安全外掛,能夠幫助您監控並阻止壞機器人。
- 安裝外掛:
- 登入到 WordPress 後臺。
- 導航到 外掛 > 安裝外掛,搜尋 “Wordfence Security”。
- 安裝並啟用外掛。
- 配置外掛:
- 啟用外掛後,導航到 Wordfence > Firewall。
- 在 防火牆設定 頁面中,開啟 Brute Force Protection 和 Rate Limiting,限制可疑 IP 地址的訪問速度。
- 啟用機器人阻止功能:
- 在 Wordfence > Tools > Live Traffic 中,您可以檢視訪問您網站的機器人流量。
- 如果發現可疑的機器人或 IP 地址,您可以直接將其加入 阻止列表。
Wordfence 的額外功能:
- 實時流量監控:幫助您識別哪些請求來自機器人。
- 自動阻止可疑 IP:Wordfence 會自動識別並阻止惡意的 IP 地址和請求。
3、使用 Cloudflare 保護網站免受壞機器人影響
除了外掛,您還可以使用 Cloudflare 等 CDN 服務來阻止壞機器人。Cloudflare 提供免費的 Bot Management 功能,可以自動阻止已知的惡意機器人,並減少它們對伺服器的壓力。
使用 Cloudflare 的步驟:
- 註冊並設定 Cloudflare:
- 訪問 Cloudflare 官網,註冊一個帳戶並新增您的網站。
- 按照 Cloudflare 提供的步驟,更新您的域名 DNS 記錄,指向 Cloudflare 的伺服器。
- 啟用 Bot Management:
- 登入到 Cloudflare 儀表盤,選擇您的網站。
- 導航到 Security > Bots,開啟 Bot Fight Mode,這將自動阻止已知的壞機器人。
- 啟用防火牆規則:
- 您可以設定自定義的防火牆規則,透過 User-Agent 或 IP 來阻止惡意流量。
Cloudflare 的優勢:
- 自動阻止已知的惡意機器人。
- 提供強大的防火牆規則,允許您根據流量模式自定義防護措施。
- 減少伺服器負載,因為 Cloudflare 會在其邊緣伺服器上處理和過濾部分流量。
總結
Elementor 編輯器無法載入的原因可能涉及多方面因素,包括 PHP 配置、外掛衝突、伺服器設定、快取問題等。你可以按照以下步驟進行排查:
- 增加 PHP 記憶體限制和執行時間。
- 檢查外掛衝突,禁用可能的衝突外掛。
- 清理瀏覽器快取和 WordPress 快取。
- 切換到預設主題,排除主題問題。
- 檢查伺服器的安全模組(如 ModSecurity)是否阻止了請求。
- 啟用 Elementor 的安全模式進行進一步排查。
除此之外,透過控制 WordPress 心跳 API 和 減少壞機器人 的流量,你可以有效提高網站的效能,減少伺服器資源的消耗。以下是推薦的步驟:
- 使用 Heartbeat Control 外掛 或 其他心跳控制外掛 來減少心跳請求頻率,減輕伺服器壓力。
- 使用 Blackhole for Bad Bots 外掛或 Wordfence Security 來阻止壞機器人訪問網站,減少不必要的流量和資源消耗。
- 使用 Cloudflare 提供的 Bot Management 和 防火牆功能,為網站提供額外的一層保護,防止惡意機器人和流量濫用。
如果你還想了解如果對wordpress網站進行谷歌SEO最佳化,也可以我們釋出這篇SEO文章教學《谷歌SEO最佳化教學:SEO最佳化的10個關鍵步驟》
相關:如果報的是儲存失敗,見Elementor 無法儲存怎麼修;報403錯誤見Elementor 403錯誤怎麼辦;編輯器卡頓見Elementor編輯器卡頓怎麼辦。
天
天问网络技术团队
专注外贸B2B独立站建设和谷歌SEO优化,专注于技术驱动的谷歌SEO和高转化独立站建设,官网持续稳健的自然搜索点击。
需要专业SEO优化服务?
让我们的技术团队帮您将知识落地执行,提升谷歌搜索排名。
免费获取SEO诊断