It is not uncommon for one to login to their WordPress website back-end only to find it collapsed. It will appear as if the CSS has not loaded. And your WordPress back-end layout may look like the image below.
This can happen because of three reasons:
- Updating WordPress to a newer version
- Installing a new theme
- Installing a plugin
In my case, it happened after successfully cloning an existing website using WP-Staging plugin. WP-staging is a great plugin for cloning your existing site and creating a staging version for your development purposes.
The cloning process was as smooth as butter. But alas! upon logging in I was welcomed by a mess of a back-end.
To solve the issue, you will need to edit wp-config.php. The file is located in your WordPress installation root folder.
Simply open the file using any text editor of your choice. Add the following code anywhere in the file on a new line.
define( ‘CONCATENATE_SCRIPTS’, false ); define( ‘SCRIPT_DEBUG’, true );
Save and refresh your back-end and everything should load properly.
If the issue persists, disable any caching and content delivery network plugins you may have activated. Then clear the browser cache and refresh.
If that doesn’t help, consider checking if your WordPress files were extracted properly during the update. You can also check WordPress files integrity by browsing through the WordPress installation root folder.
That should be it. I hope you found this helpful.