如何解決WordPress編輯器新增媒體按鈕點選無反應問題

錯誤型別:
WP內部錯誤
錯誤名稱:
WordPress添加媒体按钮不工作
英文名稱:
Add Media Button Not Working
錯誤描述:
添加媒体按钮不起作用的最常见原因 是您的主题和插件之间的脚本冲突。

如何解決WordPress編輯器新增媒體按鈕點選無反應問題

當您準備要釋出的文章,需要新增一些媒體,但WordPress新增媒體按鈕卻無法使用,這是個非常頭痛的事情。在這篇文章中,我們將向您展示如何修復“ 新增媒體 ”按鈕不起作用。

新增媒體按鈕不起作用的原因

新增媒體按鈕不起作用

新增媒體按鈕不起作用的最常見原因是您的主題和外掛之間的指令碼衝突。JavaScript在WordPress管理後臺中執行了許多功能,包括新增媒體按鈕。

當執行新增媒體按鈕的JS指令碼與任何其他指令碼發生衝突時,它無法處理禁用新增媒體按鈕。

一個密切相關的問題 – 插入到文章按鈕不起作用 – 是由資料夾上的許可權錯誤引起的,當您切換主機時更是如此,但這是另一天的故事。

現在這個問題不再籠罩在神祕之中,讓我們排除故障並修復“ 新增媒體 ”按鈕在WordPress中不起作用。

如何修復WordPress新增媒體按鈕不起作用

使用FTP或檔案管理器,訪問您的WordPress根目錄並開啟wp-config.php檔案進行編輯。

編輯wp-config.php檔案

接下來,將以下程式碼新增到“That’s all, stop editing! Happy blogging.”

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
define('CONCATENATE_SCRIPTS', false);
define('CONCATENATE_SCRIPTS', false);
define('CONCATENATE_SCRIPTS', false);

將更改儲存到您的wp-config.php檔案。退出您的WordPress站點並清除所有快取,即瀏覽器、外掛、第3方和伺服器快取。

重新登入到您的WordPress管理後臺並檢查“ 新增媒體 ”按鈕是否正常工作。

上面的程式碼只是告訴WordPress單獨載入每個指令碼,而不是合併請求,這是WordPress預設所做的。

單獨載入指令碼可以最大限度地減少發生衝突的機會。

雖然此程式碼是您修復“ 新增媒體 ”按鈕的最佳機會,但它不是永久解決方案,因為該問題表明您的網站上有衝突的指令碼,您顯然想要修復。

排除WordPress新增媒體按鈕不起作用的原因

現在讓我們找到指令碼衝突的根源,這樣您就可以一勞永逸地消除問題。我們建議您在臨時網站而不是實時網站上執行此操作。

您可以使用瀏覽器的Inspect -> Console查明問題的原因。控制檯工具突出顯示可以幫助您確定問題所在的指令碼錯誤。

瀏覽器檢視JS錯誤

除此之外,首先停用所有外掛。然後檢查“ 新增媒體 ”按鈕是否正常工作。如果按鈕正常工作,那麼很明顯您的外掛之一導致了指令碼衝突。

禁用外掛排查問題

接下來,將外掛一一重新啟用,並在每次啟用後檢查新增媒體按鈕。當您找到負責的外掛時,請聯絡開發人員尋求幫助或尋找替代品。

如果停用所有外掛後問題仍然存在,您需要確保先清除快取,然後測試您的主題是否是導致WordPress的新增媒體按鈕不起作用的原因。

只需啟用一個預設的WordPress主題,例如2022,然後檢查問題是否消失。如果按鈕有效,那麼這裡的問題就是您的主題。

切換主題排查問題

該怎麼辦?與主題開發人員交談以獲得支援或更改為另一個主題。如果您熟悉程式碼,您甚至可以通過編輯主題檔案來消除衝突。

當您在臨時站點上找到問題的原因時,您可以繼續在您的實時WordPress站點上實施修復。

小結

通常,“ 新增媒體 ”按鈕會因網站某處的指令碼衝突而中斷。我們新增到 我們之前共享的wp-config.php的程式碼行應該像魔術一樣工作。

除此之外,我們建議您更新您的WordPress網站,這樣您就可以擺脫可能導致衝突的舊程式碼和指令碼,從而解決這個問題。

此外,請記住您的快取可能會誤導您認為自己有問題,因此在嘗試本文中的解決方案之後/之前清除快取至關重要。

評論留言