The WordPress full site editor (FSE) offers extensive design options, allowing you to customize your site’s header, footer, templates, and more from a single interface. But what should you do if this powerful tool presents you with a blank screen?
Don’t worry, you’re not alone in facing this issue. We are here to guide you through a few straightforward troubleshooting steps to resolve this annoying problem.
This article will walk you through our most effective solutions to fix the WordPress blank site editor issue, enabling you to return to designing your website quickly.
Understanding the Blank Site Editor Issue in WordPress
The full site editor in WordPress is a block-based editing interface that enhances your control over website design. It allows you to utilize blocks for styling various sections of your site, including the header, footer, and sidebar.
You can access it by selecting Appearance » Editor from the WordPress admin sidebar whenever you want to customize your theme.
However, some users encounter a blank page when attempting to access the WordPress site editor.
Some users experience a completely blank screen, which may appear either dark or light.
This problem arises from incorrect settings in WordPress. We will guide you through the solution in Method 1.
Some users can see portions of the site editor interface, but the website preview remains blank. They may also notice a spinning circle indicating that the preview is attempting to load, but it never appears.
This issue occurs when the REST API is disabled in WordPress. We will explain how to resolve this in Method 2.
Now, let’s explore how to resolve the blank site editor issue in WordPress. You can use the links below to jump directly to the method you need:
- Resolving the Blank Site Editor Issue through WordPress Settings
- Resolving the Blank Site Editor Issue by Enabling the REST API
- Alternative Solution: Using a Page Builder Plugin to Create Your Website
Resolving the Blank Site Editor Issue through WordPress Settings
If you encounter a completely blank screen when attempting to use the site editor, it indicates a problem with the URL settings on your WordPress site.
First, navigate to Settings » General in your WordPress dashboard. Next, locate the ‘WordPress Address (URL)’ and ‘Site Address (URL)’ settings.
Ensure that the site address matches the WordPress address.
Ensure that your WordPress address and site address are consistent, either both with ‘www’ or both without. In the example provided, the addresses do not match, so you need to remove ‘www.’ from the site address URL.
After confirming that both settings are identical, scroll to the bottom of the General Settings page and click the ‘Save Changes’ button to apply your updates.
You can now reopen the site editor, and it should function properly.
Resolving the Blank Site Editor Issue by Activating the REST API
If the site editor fails to load a preview of your website, the REST API may be disabled on your WordPress site.
What Is the REST API in WordPress?
The REST API was introduced in WordPress 4.4 and is beneficial for plugin developers as it allows them to access WordPress features and data to create their plugins.
The REST API is enabled by default, and the site editor relies on it to display a preview of your website. If the REST API is disabled, the site editor will not be able to show a preview of your site.
Some website owners opt to disable the REST API to enhance their site’s security and performance. They may have followed our guide on disabling the JSON REST API in WordPress.
Our guide provides two methods for disabling the REST API: adding a code snippet in WPCode or installing the Disable REST API plugin.
To re-enable the REST API, you will need to disable the code snippet or plugin, depending on the method you initially used.
Disabling the REST API Code Snippet in WPCode
If you used WPCode to disable the REST API, navigate to Code Snippets in your WordPress admin panel.
Once there, locate the ‘Disable WordPress REST API’ snippet and toggle the ‘Status’ switch off.
Alternatively, if you disabled the REST API by adding code directly to your functions.php file instead of using WPCode, you will need to access that file using an FTP client or the file manager in your web hosting dashboard.
Then, edit the file and remove the custom code.
You should now be able to access the site editor and view the preview of your website.
Disabling the Disable REST API Plugin
If you have disabled the REST API using a WordPress plugin, you will need to go to Plugins » Installed Plugins.
Next, scroll down to find the plugin and click the ‘Deactivate’ link. In this example, we are using the Disable REST API plugin, but the process is similar for any other plugin you may have installed.
Now you can access the site editor, and it should function correctly again.
Alternative: Use a Page Builder Plugin to Create Your Website
While the full site editor is a useful tool for website design, it does have some drawbacks. It is only compatible with block themes, and any customizations will be lost if you switch your theme.
In contrast, WordPress page builders like SeedProd offer a drag-and-drop interface that allows you to design each individual page using blocks. They work with any WordPress theme, enabling you to change themes without losing your customizations.
You can begin by selecting a template or site kit, or you can create your design entirely from scratch.
Additionally, you can use SeedProd to design a complete theme for your website. For further information, check out our guide on creating a custom WordPress theme without any coding.
We trust this guide has assisted you in resolving the blank site editor issue in WordPress. Additionally, consider exploring our comprehensive guide on common WordPress errors and their solutions, or check out our curated selection of the best drag-and-drop page builder plugins to simplify your website design.
If you enjoyed this article, please subscribe to our YouTube Channel for informative WordPress video tutorials. You can also connect with us on Twitter and Facebook.
