您在使用 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更新到最新版本。
