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

 什么是WordPress塊編輯器？

WordPress塊編輯器或Gutenberg是WordPress 5.0版本中引入的內(nèi)容編輯器。從那時(shí)起，WordPress改進(jìn)了編輯器并添加了新的特性和功能。

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

它試圖通過(guò)模仿WordPress主題的相同字體和顏色來(lái)實(shí)時(shí)顯示您的博客和頁(yè)面的外觀。

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

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

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

 1.修復(fù)WordPress塊編輯器不起作用錯(cuò)誤

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

發(fā)生此錯(cuò)誤的原因有多種。例如，這可能是因?yàn)榕f的、過(guò)時(shí)的主題、錯(cuò)誤的插件或其他技術(shù)錯(cuò)誤。

如果您的網(wǎng)站上設(shè)置錯(cuò)誤，WordPress 塊編輯器也可能不起作用，例如在創(chuàng)建用戶配置文件時(shí)禁用可視化編輯器。

您可以通過(guò)從WordPress儀表板轉(zhuǎn)到用戶?個(gè)人資料來(lái)檢查這一點(diǎn)。從這里開始，只需確保未選擇“編寫時(shí)禁用可視化編輯器”選項(xiàng)。

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

解決此問(wèn)題的另一種方法是更新您的WordPress主題。過(guò)時(shí)的主題可能會(huì)導(dǎo)致塊編輯器無(wú)法正常工作錯(cuò)誤。

 2. WordPress塊編輯器不斷崩潰

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

當(dāng)它崩潰時(shí)，您將看到“編輯器遇到意外錯(cuò)誤”錯(cuò)誤消息。然后WordPress將顯示3個(gè)選項(xiàng)，包括嘗試恢復(fù)，復(fù)制帖子文本和復(fù)制錯(cuò)誤。

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

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

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

 3. 刪除內(nèi)容編輯器中的無(wú)效 JSON 錯(cuò)誤

當(dāng)您編輯博客文章或頁(yè)面時(shí)，當(dāng)您單擊塊編輯器中的“更新”按鈕時(shí)，可能會(huì)出現(xiàn)“響應(yīng)不是有效的 JSON 響應(yīng)”錯(cuò)誤。

當(dāng)您在WordPress博客上編輯帖子時(shí)，WordPress在后臺(tái)與網(wǎng)站服務(wù)器進(jìn)行持續(xù)通信。當(dāng)WordPress無(wú)法從服務(wù)器接收響應(yīng)或響應(yīng)不是JSON格式時(shí)，會(huì)導(dǎo)致此錯(cuò)誤。

以下是您可能收到無(wú)效 JSON 錯(cuò)誤的幾個(gè)原因以及如何修復(fù)它們：

• 在設(shè)置中檢查WordPress URL - 您需要確保網(wǎng)站設(shè)置中的WordPress地址和站點(diǎn)地址正確。只需轉(zhuǎn)到“設(shè)置”?“常規(guī)”頁(yè)面，然后檢查URL是否相同。如果站點(diǎn)地址不同，則可能會(huì)觸發(fā) JSON 錯(cuò)誤。

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

 4.解決更新失敗/發(fā)布失敗錯(cuò)誤

在WordPress塊編輯器中更新或發(fā)布博客文章或頁(yè)面時(shí)，您可能會(huì)看到的另一個(gè)錯(cuò)誤是：更新失敗。你可能處于離線狀態(tài)。

當(dāng) WordPress REST API 無(wú)法與 WordPress 數(shù)據(jù)庫(kù)通信時(shí)，會(huì)出現(xiàn)此問(wèn)題。

如果塊編輯器無(wú)法從WordPress托管數(shù)據(jù)庫(kù)發(fā)送和接收請(qǐng)求，則您網(wǎng)站的不同部分將無(wú)法運(yùn)行。這包括塊編輯器。

如果您未連接到互聯(lián)網(wǎng)或失去連接，REST API 可能會(huì)停止工作。要解決此問(wèn)題，請(qǐng)確保您的互聯(lián)網(wǎng)連接正常工作，然后嘗試更新或發(fā)布您的頁(yè)面。

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

錯(cuò)誤日志將顯示 REST API 發(fā)生的情況，并可能提供有關(guān)可能導(dǎo)致問(wèn)題的原因的線索。

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

使用 WordPress 塊編輯器創(chuàng)建自定義頁(yè)面和帖子時(shí)，您可能會(huì)注意到塊之間的空間過(guò)多或過(guò)少。

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

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

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

WordPress還允許您調(diào)整間隔塊的大小。您可以通過(guò)向上或向下拖動(dòng)塊來(lái)使其變大或變小。

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

該插件允許您在不編輯代碼的情況下編輯網(wǎng)站的 CSS。它提供了不同的間距選項(xiàng)，可用于調(diào)整塊之間的空白區(qū)域。

您還可以使用SeedProd在WordPress中創(chuàng)建自定義頁(yè)面，并完全控制設(shè)計(jì)。

 6. 復(fù)制和粘貼內(nèi)容而不會(huì)出現(xiàn)格式問(wèn)題

您是否曾經(jīng)注意到，當(dāng)您將內(nèi)容從桌面應(yīng)用程序或網(wǎng)頁(yè)復(fù)制并粘貼到塊編輯器中時(shí)，您最終也會(huì)粘貼不需要的格式？

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

保留原始格式的一些簡(jiǎn)單提示包括使用 Word 和 Google 文檔標(biāo)題樣式。這樣，當(dāng)您將內(nèi)容粘貼到塊編輯器中時(shí)，WordPress會(huì)自動(dòng)選擇標(biāo)題級(jí)別。

除此之外，您應(yīng)該在粘貼內(nèi)容后檢查頁(yè)面或帖子的 HTML 代碼。在WordPress內(nèi)容編輯器中，您可以選擇一個(gè)塊，然后單擊3個(gè)垂直點(diǎn)選項(xiàng)。

從下拉菜單中，只需選擇“編輯為 HTML”選項(xiàng)。

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

 7. 修復(fù) WordPress 中的圖片上傳問(wèn)題

接下來(lái)，在WordPress塊編輯器中上傳圖像時(shí)，您可能會(huì)看到錯(cuò)誤。這是WordPress中最常見的圖像問(wèn)題之一。

此錯(cuò)誤的主要原因是由于文件權(quán)限不正確。您的所有網(wǎng)站文件都存儲(chǔ)在您的網(wǎng)絡(luò)托管服務(wù)中，需要特定的文件和目錄權(quán)限才能工作。

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

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

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

 8. 修復(fù) HTTP 圖片上傳錯(cuò)誤

在WordPress塊編輯器中上傳圖像時(shí)可能遇到的另一個(gè)問(wèn)題是HTTP錯(cuò)誤。

當(dāng)您在媒體庫(kù)中上傳圖像時(shí)，WordPress將顯示通用的“HTTP”錯(cuò)誤，并且您將無(wú)法看到圖片的預(yù)覽。

有幾種原因可能導(dǎo)致此問(wèn)題。令人沮喪的是，錯(cuò)誤消息沒(méi)有為實(shí)際原因提供很多線索。

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

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

此外，您的登錄可能已過(guò)期，并且此錯(cuò)誤有時(shí)會(huì)通過(guò)轉(zhuǎn)到登錄屏幕并再次輸入用戶名和密碼而消失。

 9.刪除WordPress中錯(cuò)過(guò)的時(shí)間表帖子錯(cuò)誤

你知道WordPress提供了一個(gè)內(nèi)置的選項(xiàng)來(lái)安排博客文章嗎？

在WordPress內(nèi)容編輯器中，您可以更改發(fā)布博客文章的日期和時(shí)間。但是，有時(shí)，您的計(jì)劃內(nèi)容可能無(wú)法在設(shè)定的時(shí)間發(fā)布。

此錯(cuò)誤的主要原因是由于WordPress托管環(huán)境或插件沖突。WordPress使用一種稱為“cron”的技術(shù)在以后自動(dòng)發(fā)布您的帖子。

如果插件或網(wǎng)站托管服務(wù)器正在影響cron作業(yè)，則會(huì)導(dǎo)致WordPress中錯(cuò)過(guò)計(jì)劃發(fā)布錯(cuò)誤。

您可以通過(guò)檢查WordPress網(wǎng)站的時(shí)區(qū)來(lái)解決此問(wèn)題。您網(wǎng)站的時(shí)區(qū)可能與您用于安排博客的時(shí)區(qū)不匹配。

只需前往 設(shè)置 ? 常規(guī) 從WordPress管理面板向下滾動(dòng)到時(shí)區(qū)部分。

您也可以嘗試通過(guò)清除WordPress緩存并增加WordPress內(nèi)存限制來(lái)解決此問(wèn)題。

 10. 修復(fù) WordPress 塊編輯器中的對(duì)齊問(wèn)題

您可能面臨的另一個(gè)常見的WordPress塊編輯器是您的內(nèi)容和圖像可能未正確對(duì)齊。

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

如果您在WordPress網(wǎng)站上安裝并激活了古騰堡插件，那么它可能會(huì)導(dǎo)致塊對(duì)齊問(wèn)題。我們建議您停用古騰堡插件，看看它是否能解決問(wèn)題。

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

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

 11.解決Facebook縮略圖不正確的問(wèn)題

你有沒(méi)有注意到，當(dāng)你在Facebook上分享一篇文章時(shí)，帖子縮略圖不正確？

該問(wèn)題可能是由沖突的插件、內(nèi)容分發(fā)網(wǎng)絡(luò) （CDN） 問(wèn)題或缺少 Facebook 的 Open Graph 元標(biāo)記引起的。

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

您可以使用多合一SEO（AIOSEO）插件來(lái)快速解決問(wèn)題。它是WordPress的最佳SEO插件，可幫助您針對(duì)搜索引擎和社交媒體優(yōu)化您的網(wǎng)站。

激活后，您將在WordPress內(nèi)容編輯器中看到AIOSEO設(shè)置元框。只需前往“社交”標(biāo)簽。

接下來(lái)，您可以向下滾動(dòng)到“圖像源”部分。

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

 12. 修復(fù) Facebook 和 Instagram o嵌入問(wèn)題

您將面臨的另一個(gè)與社交媒體相關(guān)的塊編輯器問(wèn)題是將Facebook和Instagram內(nèi)容添加到WordPress。

過(guò)去，您可以輕松地在WordPress中嵌入來(lái)自Instagram或Facebook的帖子。然而，F(xiàn)acebook已經(jīng)改變了oEmbedd現(xiàn)在的工作方式。

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

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

 13. 無(wú)法在塊編輯器中看到嵌入式內(nèi)容預(yù)覽

這是WordPress 5.7版本中提出的問(wèn)題。每當(dāng)您嵌入來(lái)自YouTube和Vimeo的視頻或從Spotify和SoundCloud添加音頻時(shí)，預(yù)覽都不會(huì)出現(xiàn)在塊編輯器中。

相反，您只會(huì)在塊中看到“預(yù)覽不可用”或“此塊遇到錯(cuò)誤，無(wú)法預(yù)覽”。此問(wèn)題的主要原因是默認(rèn)的延遲加載功能。

在WordPress 5.5中，iFrames默認(rèn)是延遲加載的，這意味著在訪問(wèn)者向下滾動(dòng)到內(nèi)容位置之前，不會(huì)加載圖片等嵌入式內(nèi)容。

解決此問(wèn)題的簡(jiǎn)單方法是更新WordPress版本。此后，此錯(cuò)誤已得到解決。如果您使用的是5.7或更低版本，那么我們強(qiáng)烈建議您將WordPress更新到最新版本。