您在使用 WordPress 塊編輯器時遇到錯誤嗎？WordPress在2019年用一個名為Gutenberg的全新內容編輯器取代了舊的經典編輯器。該編輯器使用塊在WordPress中創建內容。但是，有時，您在使用它時可能會遇到煩人的問題。在本文中，我們將分享如何解決最常見的WordPress塊編輯器問題，以便您可以改進工作流程。

 什么是WordPress塊編輯器？

WordPress塊編輯器或Gutenberg是WordPress 5.0版本中引入的內容編輯器。從那時起，WordPress改進了編輯器并添加了新的特性和功能。

與經典編輯器相比，它提供了更多的自定義功能。您可以獲得不同的塊來向內容添加不同的元素，而不必編輯代碼來更改外觀和樣式。

它試圖通過模仿WordPress主題的相同字體和顏色來實時顯示您的博客和頁面的外觀。

例如，您可以使用圖像塊將圖片添加到博客文章中。此外，您還可以使用該塊獲得圖像樣式、大小、對齊方式等選項。

除此之外，許多WordPress插件將其塊添加到內容編輯器中。這使得只需單擊幾下即可輕松嵌入表單、社交媒體源和目錄等內容。

也就是說，塊編輯器并不完美。像任何其他WordPress插件一樣，您可能會遇到不同的錯誤或錯誤。

 1.修復WordPress塊編輯器不起作用錯誤

用戶面臨的最常見問題之一是“WordPress塊編輯器無法正常工作”。

發生此錯誤的原因有多種。例如，這可能是因為舊的、過時的主題、錯誤的插件或其他技術錯誤。

如果您的網站上設置錯誤，WordPress 塊編輯器也可能不起作用，例如在創建用戶配置文件時禁用可視化編輯器。

您可以通過從WordPress儀表板轉到用戶?個人資料來檢查這一點。從這里開始，只需確保未選擇“編寫時禁用可視化編輯器”選項。

如果問題仍然存在，那么您可以嘗試停用您網站上的所有插件。這應該有助于排除插件可能導致的任何沖突，并阻止塊編輯器工作。

解決此問題的另一種方法是更新您的WordPress主題。過時的主題可能會導致塊編輯器無法正常工作錯誤。

 2. WordPress塊編輯器不斷崩潰

一些用戶面臨的另一個常見問題是WordPress塊編輯器意外崩潰。

當它崩潰時，您將看到“編輯器遇到意外錯誤”錯誤消息。然后WordPress將顯示3個選項，包括嘗試恢復，復制帖子文本和復制錯誤。

此問題可能有多種原因。例如，插件可能會破壞塊編輯器并顯示此錯誤，或者您的WordPress版本不是最新的。

您可以通過停用所有插件并逐個重新激活它們來解決此問題。另一個解決方法是將您的WordPress更改為默認主題，例如Twenty Twenty-Two，然后查看問題是否仍然存在。

如果您在檢查WordPress插件和主題后仍然遇到此問題，請嘗試更新WordPress版本并清除WordPress緩存。

 3. 刪除內容編輯器中的無效 JSON 錯誤

當您編輯博客文章或頁面時，當您單擊塊編輯器中的“更新”按鈕時，可能會出現“響應不是有效的 JSON 響應”錯誤。

當您在WordPress博客上編輯帖子時，WordPress在后臺與網站服務器進行持續通信。當WordPress無法從服務器接收響應或響應不是JSON格式時，會導致此錯誤。

以下是您可能收到無效 JSON 錯誤的幾個原因以及如何修復它們：

• 在設置中檢查WordPress URL - 您需要確保網站設置中的WordPress地址和站點地址正確。只需轉到“設置”?“常規”頁面，然后檢查URL是否相同。如果站點地址不同，則可能會觸發 JSON 錯誤。

• 修復WordPress中的永久鏈接設置 - 在WordPress中，您可以為頁面和帖子設置SEO友好的URL。但是，不正確的設置會使塊編輯器難以獲得有效的 JSON 響應。只需確保選擇正確的永久鏈接格式即可。
• 檢查WordPress.htaccess文件設置 - .htaccess文件用作WordPress中的配置文件來管理SEO友好的URL（永久鏈接）。通常，WordPress會自動重新生成和更新它。但是，不正確的設置或過時的 .htaccess 文件可能會導致 JSON 錯誤。
• 請參閱 REST API 調試日志 – REST API 是 WordPress 用來與站點服務器通信的一組技術。JSON 錯誤也可能意味著 REST API 遇到錯誤。您可以通過查看WordPress中站點運行狀況頁面上的REST API日志來檢查這一點。
• 嘗試停用所有插件 – 不同 WordPress 插件之間的沖突也可能導致無效的 JSON 錯誤。嘗試停用您網站上的所有插件，看看錯誤是否再次出現。
• 切換到經典編輯器 – 如果您仍然無法解決 JSON 錯誤，則可以切換回 WordPress 中的經典編輯器。舊的內容編輯器不依賴于 REST API 從網站服務器獲取 JSON 響應。

 4.解決更新失敗/發布失敗錯誤

在WordPress塊編輯器中更新或發布博客文章或頁面時，您可能會看到的另一個錯誤是：更新失敗。你可能處于離線狀態。

當 WordPress REST API 無法與 WordPress 數據庫通信時，會出現此問題。

如果塊編輯器無法從WordPress托管數據庫發送和接收請求，則您網站的不同部分將無法運行。這包括塊編輯器。

如果您未連接到互聯網或失去連接，REST API 可能會停止工作。要解決此問題，請確保您的互聯網連接正常工作，然后嘗試更新或發布您的頁面。

除此之外，您還可以從WordPress儀表板轉到工具?站點運行狀況并查看REST API日志。如果 REST API 存在問題，那么您將在“建議的改進”部分下看到它。

錯誤日志將顯示 REST API 發生的情況，并可能提供有關可能導致問題的原因的線索。

 5. 在 WordPress 塊之間添加或刪除空格

使用 WordPress 塊編輯器創建自定義頁面和帖子時，您可能會注意到塊之間的空間過多或過少。

通常，間距由您的WordPress主題控制。但是，塊編輯器中的一些選項還允許您控制頁面的布局并提供更好的用戶體驗。

例如，您可以添加一個間隔塊來添加空格。只需單擊“+”按鈕，然后在內容中的任何位置添加間隔塊。

這樣，您可以在塊之間添加額外的空間。

WordPress還允許您調整間隔塊的大小。您可以通過向上或向下拖動塊來使其變大或變小。

如果要刪除塊之間的額外空格，則需要在WordPress主題中輸入自定義CSS或使用CSS插件，例如CSS Hero。

該插件允許您在不編輯代碼的情況下編輯網站的 CSS。它提供了不同的間距選項，可用于調整塊之間的空白區域。

您還可以使用SeedProd在WordPress中創建自定義頁面，并完全控制設計。

 6. 復制和粘貼內容而不會出現格式問題

您是否曾經注意到，當您將內容從桌面應用程序或網頁復制并粘貼到塊編輯器中時，您最終也會粘貼不需要的格式？

您會看到粘貼內容的字體和顏色與您的WordPress主題不匹配。如果您使用Microsoft Word或Google文檔編寫內容，然后在塊編輯器中輸入內容，則這很常見。

保留原始格式的一些簡單提示包括使用 Word 和 Google 文檔標題樣式。這樣，當您將內容粘貼到塊編輯器中時，WordPress會自動選擇標題級別。

除此之外，您應該在粘貼內容后檢查頁面或帖子的 HTML 代碼。在WordPress內容編輯器中，您可以選擇一個塊，然后單擊3個垂直點選項。

從下拉菜單中，只需選擇“編輯為 HTML”選項。

這樣，您應該能夠找到任何格式錯誤，例如不正確的粗體和斜體、不需要的文本等。

 7. 修復 WordPress 中的圖片上傳問題

接下來，在WordPress塊編輯器中上傳圖像時，您可能會看到錯誤。這是WordPress中最常見的圖像問題之一。

此錯誤的主要原因是由于文件權限不正確。您的所有網站文件都存儲在您的網絡托管服務中，需要特定的文件和目錄權限才能工作。

如果這些權限不正確，則可以阻止WordPress讀取文件并將其上傳到托管服務器。因此，您會注意到上傳時圖像將從媒體庫中消失，或者您可能會看到一條錯誤消息：

‘Unable to create directory wp-content/uploads/2019/04. Is its parent directory writable by the server?’

要解決此問題，您需要編輯文件權限。您可以使用 FTP 客戶端并訪問 /wp-content/ 文件夾。從這里，您可以右鍵單擊該文件夾并更改文件權限。

 8. 修復 HTTP 圖片上傳錯誤

在WordPress塊編輯器中上傳圖像時可能遇到的另一個問題是HTTP錯誤。

當您在媒體庫中上傳圖像時，WordPress將顯示通用的“HTTP”錯誤，并且您將無法看到圖片的預覽。

有幾種原因可能導致此問題。令人沮喪的是，錯誤消息沒有為實際原因提供很多線索。

要解決此問題，您可以嘗試很多方法。首先，您只需等待幾分鐘，然后嘗試重新上傳圖像。有時，您的網站服務器可能會遇到異常流量和服務器資源不足等問題。

除此之外，您還可以增加WordPress內存限制并防止內存不足導致HTTP錯誤。您可以嘗試的其他事情包括更改WordPress使用的圖像編輯器庫和編輯.htaccess文件。

此外，您的登錄可能已過期，并且此錯誤有時會通過轉到登錄屏幕并再次輸入用戶名和密碼而消失。

 9.刪除WordPress中錯過的時間表帖子錯誤

你知道WordPress提供了一個內置的選項來安排博客文章嗎？

在WordPress內容編輯器中，您可以更改發布博客文章的日期和時間。但是，有時，您的計劃內容可能無法在設定的時間發布。

此錯誤的主要原因是由于WordPress托管環境或插件沖突。WordPress使用一種稱為“cron”的技術在以后自動發布您的帖子。

如果插件或網站托管服務器正在影響cron作業，則會導致WordPress中錯過計劃發布錯誤。

您可以通過檢查WordPress網站的時區來解決此問題。您網站的時區可能與您用于安排博客的時區不匹配。

只需前往 設置 ? 常規 從WordPress管理面板向下滾動到時區部分。

您也可以嘗試通過清除WordPress緩存并增加WordPress內存限制來解決此問題。

 10. 修復 WordPress 塊編輯器中的對齊問題

您可能面臨的另一個常見的WordPress塊編輯器是您的內容和圖像可能未正確對齊。

例如，假設您在博客文章中添加了項目符號列表并將其居中對齊。但是，在編輯帖子時，列表在塊編輯器中顯示為左對齊。同樣，居中對齊的圖像塊可能顯示為左對齊或右對齊。

如果您在WordPress網站上安裝并激活了古騰堡插件，那么它可能會導致塊對齊問題。我們建議您停用古騰堡插件，看看它是否能解決問題。

另一種解決方案是為要居中對齊的文本添加以下自定義 CSS 代碼：

.has-text-align-center` `{text-align: center;}

 11.解決Facebook縮略圖不正確的問題

你有沒有注意到，當你在Facebook上分享一篇文章時，帖子縮略圖不正確？

該問題可能是由沖突的插件、內容分發網絡 （CDN） 問題或缺少 Facebook 的 Open Graph 元標記引起的。

現在，這不是您將在WordPress塊編輯器中看到的問題。但是，您可以使用內容編輯器為 Facebook 指定“打開圖”圖像。

您可以使用多合一SEO（AIOSEO）插件來快速解決問題。它是WordPress的最佳SEO插件，可幫助您針對搜索引擎和社交媒體優化您的網站。

激活后，您將在WordPress內容編輯器中看到AIOSEO設置元框。只需前往“社交”標簽。

接下來，您可以向下滾動到“圖像源”部分。

從下拉列表中，您可以選擇分享文章時要在Facebook和其他社交媒體網站上顯示的圖像。

 12. 修復 Facebook 和 Instagram o嵌入問題

您將面臨的另一個與社交媒體相關的塊編輯器問題是將Facebook和Instagram內容添加到WordPress。

過去，您可以輕松地在WordPress中嵌入來自Instagram或Facebook的帖子。然而，Facebook已經改變了oEmbedd現在的工作方式。

您不能再在WordPress中嵌入視頻，圖像，更新和其他內容。相反，它將顯示內容的純 URL。

您可以使用社交媒體WordPress插件（如Smash Balloon）輕松解決此問題。它可以幫助您使用oEmbed輕松嵌入來自Facebook和Instagram的內容，您還可以在您的網站上顯示社交媒體提要。

 13. 無法在塊編輯器中看到嵌入式內容預覽

這是WordPress 5.7版本中提出的問題。每當您嵌入來自YouTube和Vimeo的視頻或從Spotify和SoundCloud添加音頻時，預覽都不會出現在塊編輯器中。

相反，您只會在塊中看到“預覽不可用”或“此塊遇到錯誤，無法預覽”。此問題的主要原因是默認的延遲加載功能。

在WordPress 5.5中，iFrames默認是延遲加載的，這意味著在訪問者向下滾動到內容位置之前，不會加載圖片等嵌入式內容。

解決此問題的簡單方法是更新WordPress版本。此后，此錯誤已得到解決。如果您使用的是5.7或更低版本，那么我們強烈建議您將WordPress更新到最新版本。