如何修復WordPress空白網站編輯器問題(逐步指南)

09/21/2023

如何修復WordPress空白網站編輯器問題(逐步指南)

何謂WordPress空白網站編輯器問題?

WordPress的完整網站編輯器允許用戶以區塊樣式自定義網站的設計,包括頁眉、頁腳和側邊欄等部分。然而,有些用戶在嘗試進入網站編輯器時只看到一個空白頁面,此頁面可能是深色或淺色。

此問題的原因是WordPress設置錯誤,我們將在方法1中展示如何修復該問題。其他用戶可能看到部分編輯器界面,但網站的預覽部分卻是空白,並可能看到旋轉的圈圈表示編輯器正在加載預覽,但卻無法完成加載。

這種情況通常是因為REST API被禁用了。我們將在方法2中展示如何解決此問題。

現在讓我們來看看如何修復WordPress中的空白網站編輯器問題。您可以使用以下鏈接跳到需要使用的方法:

修復WordPress設置中的空白網站編輯器問題

如果您在使用網站編輯器時看到完全空白的屏幕,這通常是因為您的WordPress網站的URL設置有問題。首先,您需要導航到WordPress儀表板中的設置 » 常規。

然後,找出「WordPress地址(URL)」和「網站地址(URL)」設置。確保站點地址與WordPress地址匹配。特別地,如果WordPress地址中有「www」或無「www」URL,則站點地址必須完全匹配。在我們的示例中,這些地址不匹配,所以需要從網站地址URL中移除「www.」。

將兩個設置修改為相同後,滾動到常規設置頁面的底部,點擊「保存更改」按鈕保存設置。現在您可以重新打開網站編輯器,它應該可以正常工作了。

通過啟用REST API修復空白網站編輯器問題

如果網站編輯器無法加載您的網站預覽,這有可能是因為REST API在您的WordPress網站上被禁用了。

什麼是WordPress中的REST API?

REST API在WordPress 4.4中被引入,對插件開發者非常有用,因為它提供了一個接口,使他們能夠访问WordPress的功能和数据來构建插件。REST API默认是启用的,站點編輯器使用它來呈現網站的預覽。因此,如果您禁用了REST API,站點編輯器将无法显示站点的预览。

一些網站所有者可能會為了提高網站的安全性和性能而選擇禁用REST API。他們可能遵循我們的指南來禁用WordPress中的JSON REST API。

我們的指南展示了如何使用兩種方法禁用REST API:在WPCode中添加代碼片段或安裝「禁用REST API」插件。

要重新啟用REST API,您需要禁用該代碼片段或插件,這取决於您最初選擇的方法。

在WPCode中禁用REST API代碼片段

如果您使用WPCode禁用了REST API,需要導航到WordPress管理界面的「代碼片段」。找到「禁用WordPress REST API」片段,然後關閉「狀態」切換。

如果您不是通過WPCode而是直接在functions.php文件中加入代碼禁用了REST API,需要使用FTP客戶端或網站托管儀表板中的文件管理器應用打開該文件,編輯並移除自定義代碼。

現在您應該能夠訪問網站編輯器並看到網站的預覽。

禁用「禁用REST API」插件

如果您使用插件禁用了REST API,需要導航到插件 » 已安裝插件。找到插件並點擊「停用」鏈接。我们的示例中使用的是「禁用REST API」插件,但如果您安装了其他插件,使用相同的方法即可停用。

現在重新打開網站編輯器,它應該可以正常工作了。

替代方案:使用頁面構建插件設計您的網站

雖然完整網站編輯器是一個設計您的網站的實用工具,但它有一些限制。它僅適用於區塊主題,如果更換主題,將失去自定義設置。

相比之下,像SeedProd這樣的WordPress頁面構建器提供了拖放接口,您可以使用區塊設計所有的獨立頁面。它們與任何WordPress主題兼容,並且可以在不丟失自定義設置的情況下更改主題。

可以選擇從模板/網站套件開始,也可以完全從頭開始構建。

甚至可以使用SeedProd設計網站的整個主題。更多詳細信息,請參閱我們的指南《如何在不編寫任何代碼的情況下創建自定義WordPress主題》。

我們希望本教程幫助您學會如何修復WordPress中的空白網站編輯器問題。您可能還想看一下我們的指南《最常見的WordPress錯誤及其解決方法》或我們專家精選的《最佳拖放頁面構建插件》來更輕鬆地設計您的網站。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道以獲得更多WordPress視頻教程。您也可以在Twitter和Facebook上找到我們。



Related Posts

  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多
  • 2025-01-18
  • WordPress 教学

我们都知道推荐计划是强大的武器。但要找到真正的品牌代言者并不容易。许多计划吸引的只是想快速赚钱的人,导致非真实的推广,无法有效转化客户。幸好,作为 WooCommerce 商店的店主,您有一个巨大的优势:一群真正喜爱和使用您产品的内置客户群。通过将这些现有客户转化为推广合伙人,您可以释放真实口碑营销的力量。

閱讀更多
  • 2025-01-10
  • WordPress 教学

最近,我们的一位比利时读者在其在线商店中苦于销售增长缓慢。除了其他建议外,我们建议他们在网站上设置Bancontact支付。Bancontact是一种主要在比利时使用的流行支付系统,客户可以通过银行账户进行安全的实时支付。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>