How to Fix Blank Site Editor Issue in WordPress (Step by Step)

Are you seeing a clean display once you attempt to use the complete website editor in WordPress?

The WordPress full website editor lets you customise your web site’s theme, together with its header, footer, and web page templates. Nonetheless, some customers are simply seeing a clean display when making an attempt to open the positioning editor.

On this article, we are going to present you how you can repair the clean website editor concern in WordPress.

How to Fix Blank Site Editor Issue in WordPress

What Is the Clean Web site Editor Subject in WordPress?

The complete website editor in WordPress is an modifying interface that works with block themes and provides you extra management over your web site design. It lets you use blocks for styling your web site’s header, footer, sidebar, and different sections.

You possibly can entry it by choosing Look » Editor from the WordPress admin sidebar everytime you want to customize your WordPress theme.

The WordPress Full Site Editor

Nonetheless, some customers report seeing a clean display every time they attempt to entry the positioning editor.

Some customers simply see a totally clean display. That display could also be darkish or mild in coloration.

Completely Blank Site Editor

This concern is attributable to incorrect WordPress settings. We’ll present you how you can repair it in Technique 1.

Different customers can see a part of the positioning editor’s interface, however the preview of their web site is clean. They may additionally see a spinning circle indicating that the editor is making an attempt to load the preview, but it surely by no means seems.

Blank Site Editor Preview

This occurs when somebody has disabled the REST API in WordPress. We present you how you can repair this concern in Technique 2.

With that being stated, let’s check out how you can repair the clean website editor in WordPress. You should use the hyperlinks under to leap to the strategy you must use:

Fixing the Clean Web site Editor Subject in WordPress Settings

If you’re seeing a totally clean display once you attempt to use the positioning editor, then you will have an issue with the URL settings in your WordPress website.

First, you must navigate to Settings » Basic in your dashboard. Now, you must discover the ‘WordPress Tackle (URL)’ and ‘Web site Tackle (URL)’ settings.

The General Settings Page in WordPress

It’s essential to guarantee that the positioning tackle matches the WordPress tackle.

Particularly, you must guarantee that if the WordPress tackle has a www or non-www URL, then the positioning tackle matches that precisely. In our screenshot above, these don’t match, so ‘www.’ must be faraway from the positioning tackle URL.

As soon as the 2 settings are equivalent, you must scroll to the underside of the Basic Settings web page and click on the ‘Save Adjustments’ button to retailer your settings.

Now you can open up the positioning editor once more, and it ought to work.

Fixing the Clean Web site Editor Subject by Enabling the REST API

If the positioning editor just isn’t loading a preview of your web site, then the REST API may be disabled in your WordPress web site.

What Is the REST API in WordPress?

The REST API was launched in WordPress 4.4. It’s helpful for plugin developers as a result of it supplies an interface the place they will entry WordPress performance and information to construct their plugins.

The REST API is enabled by default, and the positioning editor makes use of it to render a preview of your web site. So, when you’ve got disabled the REST API in your web site, then the positioning editor received’t be capable to present a preview of your website.

Some web site house owners select to disable the REST API within the hope of bettering their website’s safety and efficiency. They could have adopted our information on how to disable the JSON REST API in WordPress.

Our information exhibits you how you can disable the REST API utilizing two strategies: including a code snippet in WPCode or putting in the Disable REST API plugin.

To allow the REST API once more, you have to to disable that code snippet or plugin, relying on which technique you initially selected.

Disabling the REST API Code Snippet in WPCode

Should you used WPCode to disable the REST API, then you must navigate to Code Snippets in WordPress admin.

As soon as there, you must discover the ‘Disable WordPress REST API’ snippet and swap the ‘Standing’ toggle off.

Deactivating a Code Snippet in WPCode

Alternatively, should you disabled the REST API by including code on to your functions.php file as a substitute of utilizing WPCode, then you have to to open that file utilizing an FTP consumer or the file supervisor app in your internet hosting dashboard.

Then, you need to edit the file and take away the customized code.

Edit functions.php file

You need to now be capable to entry the positioning editor and see the preview of your web site.

Disabling the Disable REST API Plugin

Should you used a plugin to disable the REST API, then you must navigate to Plugins » Put in Plugins.

As soon as there, you must scroll right down to the plugin and click on the ‘Deactivate’ hyperlink. In our instance, we’re working with the Disable REST API plugin, however you’ll use the identical technique when you’ve got a distinct plugin put in.

Deactivating a WordPress Plugin

Now you can open up the positioning editor, and it ought to be working correctly once more.

Different: Utilizing a Web page Builder Plugin to Design Your Web site

Whereas the complete website editor is a useful device for designing your web site, it has some limitations. It is just accessible with block themes, and you’ll lose your customizations should you change your theme.

Against this, WordPress web page builders like SeedProd present a drag-and-drop interface the place you possibly can design all of your particular person pages utilizing blocks. They’re suitable with any WordPress theme, and you may change your theme with out dropping your customizations.

You may get began by selecting a template/site kit or constructing fully from scratch.

Choose SeedProd website kit template

You possibly can even use SeedProd to design a complete theme in your web site. For extra particulars, you possibly can see our information on how to create a custom WordPress theme with out writing any code.

We hope this tutorial helped you discover ways to repair the clean website editor concern in WordPress. You might also wish to see our information to essentially the most common WordPress errors and how to fix them or our skilled decide of the best drag-and-drop page builder plugins to design your web site extra simply.

Should you preferred this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You may as well discover us on Twitter and Facebook.

Leave a Reply

Your email address will not be published. Required fields are marked *