¿Tiene errores al utilizar el editor de bloques de WordPress?
WordPress reemplazó el antiguo editor clásico en 2019 con un nuevo editor de contenido llamado Gutenberg. Este editor utiliza bloques para crear contenido en WordPress. Sin embargo, a veces puedes encontrarte con problemas molestos mientras lo utilizas.
En este artículo, compartiremos cómo solucionar los problemas más comunes del editor de bloques de WordPress para que pueda mejorar su flujo de trabajo.
¿Qué es el editor de bloques de WordPress?
El editor de bloques de WordPress, o Gutenberg, es el editor de contenidos introducido en la versión 5.0 de WordPress. Desde entonces, WordPress ha mejorado el editor y ha añadido nuevas características y funcionalidades.
Proporciona más funciones de personalización que el editor clásico. Obtienes diferentes bloques para agregar diferentes elementos a tu contenido y no tienes que editar el código para cambiar la apariencia y el estilo.
Intente mostrar cómo se verán sus blogs y páginas en tiempo real imitando la misma fuente y colores que su tema de WordPress.
Por ejemplo, puedes utilizar un bloque de imagen para agregar imágenes a las publicaciones de tu blog. Además, obtienes opciones como estilo de imagen, tamaño, alineación y más usando el bloque.
Además de eso, muchos complementos de WordPress agregan sus propios bloques al editor de contenido. Esto hace que sea muy fácil insertar elementos como formularios, feeds de redes sociales y tablas de contenido con solo unos pocos clics.
Dicho esto, el editor de bloques no es perfecto. Como cualquier otro complemento de WordPress, puede encontrar varios errores o errores.
A continuación se muestran algunos problemas comunes en el editor de contenido. Puede hacer clic en los enlaces a continuación para ir a diferentes partes de nuestro tutorial:
1. Solucionar el error del editor de bloques de WordPress que no funciona
Uno de los problemas más comunes que enfrentan los usuarios es «el editor de bloques de WordPress no funciona».
Hay varias razones por las que se produce este error. Por ejemplo, podría deberse a un tema antiguo y desactualizado, un complemento defectuoso u otros errores técnicos.
Es posible que el editor de bloques de WordPress tampoco funcione si tiene una configuración configurada incorrectamente en su sitio, como deshabilitar el editor visual al crear un perfil de usuario.
Puedes comprobarlo yendo a Usuarios » Perfil desde su panel de WordPress. Desde aquí, simplemente asegúrese de que la opción «Desactivar el editor visual mientras se escribe» no esté marcada.
Si el problema persiste, puede intentar desactivar todos los complementos de su sitio. Esto debería ayudar a descartar cualquier conflicto que pueda causar un complemento e impedir que funcione el editor de bloques.
Otra forma de solucionar este problema es actualizar su tema de WordPress. Un tema desactualizado puede provocar un error en el editor de bloques. Puedes consultar nuestra guía sobre cómo actualizar tu tema de WordPress sin perder datos y personalización.
2. El editor de bloques de WordPress sigue fallando
Otro problema común al que se enfrentan algunos usuarios es que el editor de bloques de WordPress falla inesperadamente.
Cuando falla, verá el mensaje de error «El editor encontró un error inesperado». Luego, WordPress mostrará 3 opciones, incluido intentar restaurar, copiar el texto de la publicación y copiar el error.
Podría haber varias razones para este problema. Por ejemplo, un complemento puede dañar su editor de bloques y mostrar este error, o su versión de WordPress no está actualizada.
Puedes solucionar este problema desactivando todos los complementos y reactivándolos uno por uno. Otra solución es cambiar su WordPress a un tema predeterminado, como Twenty Twenty-Four, y ver si el problema persiste.
Si sigues experimentando este problema después de comprobar tus complementos y temas de WordPress, intenta actualizar tu versión de WordPress y borrar tu caché de WordPress.
3. Eliminar el error JSON no válido en el editor de contenido
Cuando edita una publicación o página de blog, puede encontrar el error «La respuesta no es una respuesta JSON válida» al hacer clic en el botón Actualizar en el editor de bloques.
WordPress está en comunicación continua con el servidor del sitio web en segundo plano cuando editas una publicación en tu blog de WordPress. Este error se produce cuando WordPress no recibe una respuesta del servidor o la respuesta no está en formato JSON.
A continuación se detallan algunas razones por las que podría recibir un error JSON no válido y cómo solucionarlo:
- Verifique las URL de WordPress en Configuración – Deberá asegurarse de que la dirección de WordPress y la dirección del sitio en la configuración de su sitio sean correctas. solo ve a Ajustes » Generales página y compruebe si las URL son las mismas. Se puede generar un error JSON si la dirección del sitio es diferente.
- Corregir la configuración de enlaces permanentes en WordPress – En WordPress, puedes configurar URL compatibles con SEO para tus páginas y publicaciones. Sin embargo, una configuración incorrecta puede dificultar que el editor de bloques obtenga una respuesta JSON válida. Solo asegúrese de seleccionar el formato de enlace permanente correcto.
- Verifique la configuración de su archivo .htaccess de WordPress – El archivo .htaccess se utiliza como archivo de configuración en WordPress para administrar URL compatibles con SEO (enlaces permanentes). Por lo general, WordPress lo regenerará y actualizará automáticamente. Sin embargo, las configuraciones incorrectas o los archivos .htaccess desactualizados pueden causar errores JSON.
- Ver registros de depuración de la API REST – La API REST es un conjunto de técnicas que WordPress utiliza para comunicarse con el servidor de su sitio. Un error JSON también puede significar que la API REST encontró un error. Puede verificar esto viendo los registros de la API REST en la página Estado del sitio en WordPress.
- Intente desactivar todos los complementos. – Un conflicto entre diferentes complementos de WordPress también puede provocar un error JSON no válido. Intente desactivar todos los complementos de su sitio web y vea si el error vuelve a ocurrir.
- Cambiar al editor clásico – Si aún no puedes resolver el error JSON, puedes volver al editor clásico en WordPress. El antiguo editor de contenido no depende de la API REST para obtener una respuesta JSON del servidor del sitio web.
Para obtener más información sobre cada uno de estos consejos en detalle, consulte nuestra guía sobre cómo corregir un error JSON no válido en WordPress.
4. Resolver el error de actualización/publicación fallida
Otro error que puede ver al actualizar o publicar una entrada de blog o una página en el editor de bloques de WordPress es: «Error en la actualización. Probablemente no estés conectado».
Este problema ocurre cuando la API REST de WordPress no logra comunicarse con la base de datos de WordPress.
Si el editor de bloques no puede enviar ni recibir solicitudes de la base de datos de alojamiento de WordPress, varias partes de su sitio no funcionarán. Esto incluye el editor de bloques.
La API REST puede dejar de funcionar si no está conectado a Internet o ha perdido la conectividad. Para resolver este problema, asegúrese de que su conexión a Internet funcione correctamente y luego intente actualizar o publicar su página.
Aparte de eso, puedes ir a Herramientas » Estado del sitio desde su panel de WordPress y vea los registros de la API REST. Si hay algún problema con la API REST, lo verá en la sección «Mejoras recomendadas».
El registro de errores mostrará lo que sucedió con la API REST y puede brindarle pistas sobre lo que pudo haber causado el problema.
Para obtener información sobre cómo solucionar este problema, puede consultar nuestra guía sobre cómo solucionar errores fallidos en la actualización de WordPress.
5. Agregue o elimine espacios en blanco entre bloques de WordPress
Cuando creas páginas y publicaciones personalizadas usando el editor de bloques de WordPress, es posible que notes demasiado o muy poco espacio entre los bloques.
Por lo general, el espacio lo controla el tema de WordPress. Sin embargo, existen opciones en el editor de bloques que también le permiten controlar el diseño de su página y brindar una mejor experiencia de usuario.
Por ejemplo, puede agregar un bloque espaciador para agregar espacios en blanco. Simplemente haga clic en el botón «+» y agregue el bloque espaciador en cualquier parte de su contenido.
De esta manera, puedes agregar espacio adicional entre bloques.
WordPress también te permite ajustar el tamaño del bloque espaciador. Puedes hacerlo más grande o más pequeño arrastrando el bloque hacia arriba o hacia abajo.
Si desea eliminar espacios en blanco adicionales entre bloques, deberá insertar CSS personalizado en su tema de WordPress o usar un complemento CSS como CSS Hero.
El complemento le permite editar el CSS de su sitio web sin cambiar el código. Ofrece varias opciones de espaciado que puedes usar para ajustar el espacio vacío entre bloques.
También puedes usar SemillaProd para crear una página personalizada en WordPress y tener control total sobre el diseño.
Para obtener más información, consulte nuestra guía sobre cómo agregar o eliminar espacios en blanco entre bloques de WordPress.
6. Copia y pega contenido sin problemas de formato
¿Alguna vez has notado que cuando copias y pegas contenido desde una aplicación de escritorio o una página web en el editor de bloques, también terminas pegando formatos no deseados?
Verás que la fuente y los colores del contenido pegado no coinciden con tu tema de WordPress. Esto es muy común si usa Microsoft Word o Google Docs para escribir contenido y luego insertarlo en el editor de bloques.
Algunos consejos sencillos para mantener el formato original incluyen el uso de estilos de encabezado de Word y Google Docs. De esta manera, WordPress selecciona automáticamente el nivel del título cuando pegas el contenido en el editor de bloques.
Además de eso, debes verificar el código HTML de tu página o publicación después de pegar el contenido. En el editor de contenido de WordPress, puedes seleccionar un bloque y luego hacer clic en la opción de los 3 puntos verticales.
En el menú desplegable, simplemente seleccione la opción «Editar como HTML».
De esta manera, debería poder encontrar errores de formato, como negrita y cursiva incorrectas, texto no deseado y más.
Para más detalles, puedes consultar nuestra guía sobre cómo copiar y pegar en WordPress sin problemas de formato.
7. Solucionar el problema de carga de imágenes en WordPress
A continuación, es posible que vea un error al cargar imágenes en el editor de bloques de WordPress. Es uno de los problemas de imágenes más comunes en WordPress.
La razón principal de este error se debe a permisos de archivos incorrectos. Todos los archivos de su sitio web se almacenan en su servicio de alojamiento web y requieren permisos específicos de archivos y directorios para funcionar.
Si estos permisos son incorrectos, puede impedir que WordPress lea y cargue archivos en el servidor de alojamiento. Como resultado, notarás que las imágenes desaparecerán de la biblioteca multimedia una vez cargadas o es posible que veas un error que dice:
&39;Error al crear el directorio wp-content/uploads/2019/04. ¿El servidor puede escribir en su directorio raíz?
Para solucionar este problema, deberá cambiar los permisos del archivo. Puede utilizar un cliente FTP y acceder a la carpeta /wp-content/. Desde aquí, puede hacer clic derecho en la carpeta y cambiar los permisos del archivo.
Siga nuestra guía paso a paso sobre cómo solucionar el problema de carga de imágenes en WordPress para obtener más información sobre esta solución.
8. Solucionar el error de carga de imágenes HTTP
Otro problema que puede encontrar al cargar imágenes en el editor de bloques de WordPress es el error HTTP.
WordPress mostrará un «error HTTP» genérico cuando cargue imágenes en la Biblioteca multimedia y no podrá ver una vista previa de la imagen.
Hay varias cosas que podrían causar este problema. La parte frustrante es que el mensaje de error no proporciona muchas pistas sobre la causa real.
Para solucionar este problema, puedes probar muchas cosas. Primero, puedes simplemente esperar unos minutos e intentar recargar la imagen. A veces, el servidor de su sitio web puede experimentar problemas como tráfico inusual y recursos bajos del servidor.
Además de eso, puedes aumentar el límite de memoria de WordPress y evitar que la falta de memoria cause el error HTTP. Otras cosas que puedes probar incluyen cambiar la biblioteca del editor de imágenes que usa WordPress y editar el archivo .htaccess.
Además, es posible que su inicio de sesión haya caducado y este error a veces desaparece al ir a la pantalla de inicio de sesión y volver a ingresar su nombre de usuario y contraseña.
Puede leer cada uno de estos consejos en detalle en nuestra guía sobre cómo corregir el error de carga de imágenes HTTP en WordPress.
9. Eliminar errores de programación de publicaciones perdidas en WordPress
¿Sabías que WordPress ofrece una opción integrada para programar publicaciones de blog?
En el editor de contenido de WordPress, puedes cambiar la fecha y hora en que se publican las publicaciones de tu blog. Sin embargo, en ocasiones, es posible que el contenido programado no se publique a la hora prevista.
La razón principal de este error se debe al entorno de alojamiento de WordPress o a conflictos de complementos. WordPress utiliza una tecnología llamada «cron» para publicar automáticamente su publicación más tarde.
Si un complemento o el servidor de alojamiento del sitio web afecta las tareas cron, se producirá un error de publicación programada perdida en WordPress.
Puede solucionar este problema comprobando la zona horaria de su sitio de WordPress. Es posible que la zona horaria de su sitio no coincida con la zona horaria que desea utilizar para programar sus blogs.
solo ve a Ajustes » Generales desde su panel de administración de WordPress y desplácese hacia abajo hasta la sección Zona horaria.
También puedes intentar solucionar este problema borrando tu caché de WordPress y aumentando tu límite de memoria de WordPress.
Consulte nuestra guía sobre cómo corregir el error de publicación programada perdida en WordPress.
10. Solucionar problemas de alineación en el editor de bloques de WordPress
Otro editor de bloques de WordPress común al que te puedes enfrentar es que tu contenido y tus imágenes pueden no estar alineados correctamente.
Por ejemplo, digamos que agregaste una lista con viñetas a una publicación de blog y la alineaste en el centro. Sin embargo, la lista aparece alineada a la izquierda en el editor de bloques cuando editas la publicación. De manera similar, un bloque de imagen alineado en el centro puede aparecer alineado a la izquierda o a la derecha.
Si tiene el complemento Gutenberg instalado y activo en su sitio de WordPress, puede causar problemas de alineación de bloques. Recomendamos deshabilitar el complemento Gutenberg y ver si soluciona el problema.
Otra solución es agregar el siguiente código CSS personalizado para el texto que desea alinear al centro:
.has-text-align-center {
text-align: center;
}
También puede consultar nuestra guía sobre cómo agregar y alinear imágenes en el editor de bloques de WordPress.
11. Soluciona el problema de las malas miniaturas de Facebook
¿Alguna vez has notado que cuando compartes un artículo en Facebook, las miniaturas de las publicaciones son incorrectas?
El problema puede deberse a complementos conflictivos, problemas con la red de entrega de contenido (CDN) o metaetiquetas Open Graph faltantes para Facebook.
Ahora bien, este no es un problema que verás en el editor de bloques de WordPress. Sin embargo, puedes especificar una imagen de Open Graph para Facebook usando el editor de contenido.
Puedes usar el SEO todo en uno (AIOSEO) complemento para resolver rápidamente el problema. Es el mejor complemento de SEO para WordPress y le ayuda a optimizar su sitio para motores de búsqueda y redes sociales.
Después de la activación, verá un metacuadro de Configuración de AIOSEO en el editor de contenido de WordPress. Simplemente vaya a la pestaña «Social».
A continuación, puede desplazarse hacia abajo hasta la sección «Fuente de la imagen».
En el menú desplegable puede seleccionar qué imagen mostrar en Facebook y otros sitios de redes sociales cuando se comparte el artículo.
Puede seguir nuestra guía sobre cómo solucionar el problema de las miniaturas incorrectas de Facebook en WordPress y conocer otras formas de solucionar este problema.
12. Solucionar problemas de incrustación de Facebook e Instagram
Otro problema del editor de bloques relacionado con las redes sociales que enfrentará es agregar contenido de Facebook e Instagram a WordPress.
En el pasado, podías insertar fácilmente publicaciones de Instagram o Facebook en WordPress. Sin embargo, Facebook ha cambiado la forma en que funciona oEmbed ahora.
Ya no puedes incrustar videos, imágenes, actualizaciones y otro contenido en WordPress. En su lugar, mostrará una URL simple del contenido.
Puede resolver fácilmente este problema utilizando un complemento de redes sociales de WordPress como Destruye el globo. Le ayuda a insertar fácilmente contenido de Facebook e Instagram usando oEmbed, y también puede mostrar feeds de redes sociales en su sitio web.
Para obtener más detalles, consulte nuestra guía sobre cómo solucionar problemas de integración de Facebook e Instagram en WordPress.
13. No se puede obtener una vista previa del contenido incrustado en el editor de bloques
Este es un problema planteado en la versión 5.7 de WordPress. Cada vez que incrustabas un vídeo de YouTube y Vimeo o agregabas audio de Spotify y SoundCloud, la vista previa no aparecía en el editor de bloques.
En su lugar, simplemente verá «La vista previa no está disponible» o «Este bloque encontró un error y no se puede obtener una vista previa» escrito en los bloques. La causa principal de este problema fue la función de carga diferida predeterminada.
En WordPress 5.5, los iFrames se cargaban lentamente de forma predeterminada, lo que significaba que el contenido incrustado, como las imágenes, no se cargaba hasta que un visitante se desplazaba hacia abajo hasta la ubicación del contenido.
Una solución sencilla a este problema es actualizar su versión de WordPress. Desde entonces, este error se ha solucionado. Si está utilizando la versión 5.7 o inferior, le recomendamos encarecidamente que actualice WordPress a la última versión.
Esperamos que este artículo le haya ayudado a conocer los problemas comunes del editor de bloques y cómo solucionarlos. Quizás también quieras consultar nuestra guía sobre errores comunes de WordPress y cómo solucionarlos y la guía definitiva de SEO de WordPress para principiantes.
