El editor de sitio completo (FSE) de WordPress abre un mundo de posibilidades de diseño, permitiéndote personalizar el encabezado, pie de página, plantillas y más de tu sitio, todo en un solo lugar. Pero, ¿qué sucede cuando esta poderosa herramienta te recibe con nada más que una pantalla en blanco?
No te asustes, no eres el único al que le está sucediendo esto. Podemos ayudarte a seguir unos sencillos pasos de solución de problemas para resolver este frustrante problema.
Este artículo te guiará a través de nuestras soluciones más efectivas para solucionar el problema de la pantalla en blanco del editor de sitios de WordPress, para que puedas volver a diseñar tu sitio web en muy poco tiempo.
¿Qué es el problema del editor de sitios en blanco en WordPress?
El editor de sitio completo en WordPress es una interfaz de edición que funciona con temas de bloques y te da más control sobre el diseño de tu sitio web. Te permite usar bloques para estilizar el encabezado, pie de página, barra lateral y otras secciones de tu sitio web.
Puedes acceder a él seleccionando Apariencia » Editor desde la barra lateral de administración de WordPress siempre que desees personalizar tu tema de WordPress.
Sin embargo, algunos usuarios informan que ven una página en blanco cada vez que intentan acceder al editor de sitios de WordPress.
Algunos usuarios solo ven una pantalla completamente en blanco. Esa pantalla puede ser de color oscuro o claro.
Este problema es causado por configuraciones incorrectas de WordPress. Te mostraremos cómo solucionarlo en el Método 1.
Otros usuarios pueden ver parte de la interfaz del editor del sitio, pero la vista previa de su sitio web está en blanco. También podrían ver un círculo giratorio que indica que el editor está intentando cargar la vista previa, pero nunca aparece.
Esto sucede cuando alguien ha deshabilitado la API REST en WordPress. Te mostramos cómo solucionar este problema en el Método 2.
Dicho esto, veamos cómo solucionar el editor de sitio en blanco en WordPress. Puedes usar los enlaces a continuación para saltar al método que necesitas usar:
- Solucionar el problema del editor de sitio en blanco en la configuración de WordPress
- Solucionar el problema del editor de sitio en blanco habilitando la API REST
- Alternativa: Usar un plugin de constructor de páginas para diseñar tu sitio web
Solucionar el problema del editor de sitio en blanco en la configuración de WordPress
Si ves una pantalla completamente en blanco cuando intentas usar el editor del sitio, entonces tienes un problema con la configuración de la URL en tu sitio web de WordPress.
Primero, necesitas navegar a Ajustes » Generales en tu panel de WordPress. Ahora, necesitas encontrar la configuración de 'Dirección de WordPress (URL)' y 'Dirección del sitio (URL)'.
Debes asegurarte de que la dirección del sitio coincida con la dirección de WordPress.
En particular, debes asegurarte de que si la dirección de WordPress tiene una URL con www o sin www, entonces la dirección del sitio coincida exactamente. En nuestra captura de pantalla anterior, estas no coinciden, por lo que 'www.' debe eliminarse de la URL de la dirección del sitio.
Una vez que las dos configuraciones sean idénticas, debes desplazarte hasta el final de la página de Configuración General y hacer clic en el botón 'Guardar Cambios' para almacenar tu configuración.
Ahora puedes abrir el editor del sitio nuevamente, y debería funcionar.
Solucionar el problema del editor de sitio en blanco habilitando la API REST
Si el editor del sitio no está cargando una vista previa de tu sitio web, entonces la API REST podría estar deshabilitada en tu sitio web de WordPress.
¿Qué es la API REST en WordPress?
La API REST se introdujo en WordPress 4.4. Es útil para desarrolladores de plugins porque proporciona una interfaz donde pueden acceder a la funcionalidad y los datos de WordPress para crear sus plugins.
La API REST está habilitada por defecto, y el editor de sitios la utiliza para renderizar una vista previa de tu sitio web. Por lo tanto, si has deshabilitado la API REST en tu sitio web, el editor de sitios no podrá mostrar una vista previa de tu sitio.
Algunos propietarios de sitios web optan por deshabilitar la API REST con la esperanza de mejorar la seguridad y el rendimiento de su sitio. Es posible que hayan seguido nuestra guía sobre cómo deshabilitar la API REST de JSON en WordPress.
Nuestra guía te muestra cómo deshabilitar la API REST usando dos métodos: agregando un fragmento de código en WPCode o instalando el plugin Disable REST API.
Para volver a habilitar la API REST, deberás deshabilitar ese fragmento de código o plugin, dependiendo del método que hayas elegido originalmente.
Deshabilitar el fragmento de código de la API REST en WPCode
Si usaste WPCode para deshabilitar la API REST, entonces necesitas navegar a Fragmentos de código en el administrador de WordPress.
Una vez allí, necesitas encontrar el fragmento 'Deshabilitar la API REST de WordPress' y desactivar el interruptor de 'Estado'.
Alternativamente, si deshabilitaste la API REST agregando código directamente a tu archivo functions.php en lugar de usar WPCode, entonces necesitarás abrir ese archivo usando un cliente FTP o la aplicación de administrador de archivos en el panel de control de tu hosting web.
Luego, debes editar el archivo y eliminar el código personalizado.
Ahora deberías poder acceder al editor del sitio y ver la vista previa de tu sitio web.
Deshabilitar el plugin Disable REST API
Si usaste un plugin de WordPress para deshabilitar la API REST, entonces necesitas navegar a Plugins » Plugins Instalados.
Una vez allí, necesitas desplazarte hacia abajo hasta el plugin y hacer clic en el enlace 'Desactivar'. En nuestro ejemplo, estamos trabajando con el plugin Disable REST API, pero usarás el mismo método si tienes instalado un plugin diferente.
Ahora puedes abrir el editor del sitio, y debería estar funcionando correctamente de nuevo.
Alternativa: Usar un plugin de constructor de páginas para diseñar tu sitio web
Si bien el editor de sitio completo es una herramienta útil para diseñar tu sitio web, tiene algunas limitaciones. Solo está disponible con temas de bloques y perderás tus personalizaciones si cambias de tema.
Por el contrario, los constructores de páginas de WordPress como SeedProd proporcionan una interfaz de arrastrar y soltar donde puedes diseñar todas tus páginas individuales usando bloques. Son compatibles con cualquier tema de WordPress y puedes cambiar tu tema sin perder tus personalizaciones.
Puedes empezar eligiendo una plantilla/kit de sitio o construyendo completamente desde cero.
Incluso puedes usar SeedProd para diseñar un tema completo para tu sitio web. Para más detalles, puedes ver nuestra guía sobre cómo crear un tema personalizado de WordPress sin escribir ningún código.
Esperamos que este tutorial te haya ayudado a aprender cómo solucionar el problema del editor de sitios en blanco en WordPress. También te puede interesar ver nuestra guía sobre los errores más comunes de WordPress y cómo solucionarlos o nuestra selección experta de los mejores plugins constructores de páginas de arrastrar y soltar para diseñar tu sitio web más fácilmente.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Helenmary Cody
Me encontré con este problema mientras diseñaba un tema personalizado en mi máquina local. Todo funcionaba perfectamente y de repente no podía usar el editor de temas. Después de golpearme la cabeza contra el escritorio, me di cuenta de que el pequeño cambio que acababa de hacer en un comentario en style.css estaba causando el problema. El comentario “Template: archive-dog” hizo que WordPress pensara que el tema era un tema hijo del tema archive-dog que no existía. Cambiarlo a “Template – archive-dog” solucionó el problema.
Lección aprendida: no uses dos puntos en el archivo style.css.
Soporte de WPBeginner
Thanks for sharing this for anyone who is customizing their own theme in case they run into this error
Administrador
Dennis Muthomi
He lidiado con este problema muchísimas veces mientras administraba sitios de WordPress para clientes, especialmente después de instalar plugins de seguridad.
La solución de la API REST fue especialmente útil: recientemente tuve un cliente que la desactivó durante la configuración de seguridad. Un consejo adicional que sugeriría es siempre hacer una copia de seguridad de tu sitio antes de tocar la configuración de las URL en Ajustes » Generales. Créeme, me ha salvado cuando el sitio de un cliente se cayó después de un cambio de URL incorrecto.
Los pasos de solución de problemas que has expuesto son súper útiles. ¡Definitivamente los compartiré con mis colegas!
Paddy
Además, antes de intentar cualquier otro paso, si tienes un plugin de caché ejecutándose en el sitio, límpialo. Yo uso Litespeed y he visto la página blanca en blanco algunas veces al intentar editar publicaciones (particularmente al duplicarlas y luego editarlas) y limpiar la caché de LS resuelve el problema.
Soporte de WPBeginner
Thank you for sharing this for another option to try
Administrador
gail
Desactivar mis plugins uno por uno me funcionó. Pero mi página de Configuración > General en una Mac en Chrome no se parece en nada a lo que se muestra en el artículo. La parte superior es la misma, pero no encuentro la parte de URL de WordPress vs. URL del sitio. ¿La captura de pantalla en el artículo está actualizada?
Soporte de WPBeginner
El artículo está actualizado, solo para estar seguro, querrás asegurarte de ser un usuario administrador en tu sitio o si estás usando WordPress.com, ¡te recomendamos que eches un vistazo a nuestro artículo a continuación!
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Administrador
Vic
Commenting because I arrived here thru search, and finally solved my blank-page editor issue in a different way: I opened the list of plugins in one tab and the page editor in a different tab, then went thru my plug-ins and deactivated/reactivated them one at a time, doing a hard-refresh (Ctrl+F5) on the page editor tab after each deactivation to find the guilty plug-in. In my case, it was the “Advanced Bootstrap Blocks”. Happy to be back in action!
Soporte de WPBeginner
Glad to hear you were able to solve the issue on your site
Administrador
Gail
¡Gracias, Vic, tu método me funcionó! En mi caso, fue Gutenberg.
Jiří Vaněk
He encontrado varias veces que una dirección diferente en la configuración puede causar problemas. Este artículo puede resolver muchos dolores de cabeza. Pero leí sobre la API de REST en este contexto por primera vez. Es bueno saberlo.
Ralph
Gracias por este artículo. ¡Es bastante corto pero da toda la información necesaria!
Soporte de WPBeginner
You’re welcome, we try to keep focused on these articles for troubleshooting errors
Administrador
Damian Cichosz
El artículo proporciona explicaciones claras del problema, incluidas las causas y soluciones potenciales. Las instrucciones paso a paso y las capturas de pantalla facilitan el seguimiento, incluso para los usuarios menos expertos en tecnología.
The suggestion to use page builder plugins like SeedProd as an alternative is a great addition. Page builders offer more flexibility and compatibility, which can be valuable for users looking for an efficient way to design their websites without the hassle of a blank site editor
Soporte de WPBeginner
Glad to hear you found our article helpful
Administrador