¿Te encuentras con 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 al usarlo.
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 contenido introducido en la versión WordPress 5.0. Desde entonces, WordPress ha mejorado el editor y ha añadido nuevas características y funcionalidades.
Proporciona más funciones de personalización en comparación con 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.
Intenta mostrar cómo se verán sus blogs y páginas en tiempo real imitando la misma fuente y colores de su tema de WordPress.
Por ejemplo, puedes usar 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 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, es posible que te encuentres con diferentes errores o fallos.
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 que “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 mal configurada 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 al escribir” no esté seleccionada.
Si el problema persiste, puede intentar desactivar todos los complementos de su sitio. Esto debería ayudar a descartar cualquier conflicto que pueda estar causando un complemento y detener el funcionamiento del editor de bloques.
Otra forma de solucionar este problema es actualizando su tema de WordPress. Un tema desactualizado puede provocar un error en el editor de bloques. Puede ver nuestra guía sobre cómo actualizar su tema de WordPress sin perder datos ni 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 ha encontrado un error inesperado”. Luego, WordPress mostrará 3 opciones, incluido intentar recuperar, copiar el texto de la publicación y copiar el error.
Podría haber varias razones para este problema. Por ejemplo, un complemento podría dañar el 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-Two, y ver si el problema persiste.
Si aún enfrenta este problema después de verificar los complementos y el tema de WordPress, intente actualizar la versión de WordPress y borrar el caché de WordPress.
3. Elimine el error JSON no válido en el editor de contenido
Cuando estás editando una publicación o página de blog, puede ocurrir 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 estás editando 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. Simplemente ve al Ajustes » Generales página y compruebe si las URL son las mismas. El error JSON podría desencadenarse si la dirección del sitio es diferente.
- Reparar 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 del 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 utiliza WordPress 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 puede resolver el error JSON, puede 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 el 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: “Falló la actualización”. Probablemente estés desconectado”.
Este problema ocurre cuando la API REST de WordPress no puede 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, entonces diferentes 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 solucionar 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 un 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
Al crear páginas y publicaciones personalizadas utilizando 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 su tema de WordPress. Sin embargo, existen opciones en el editor de bloques que también te permiten controlar el diseño de tu página y ofrecer una mejor experiencia de usuario.
Por ejemplo, puedes agregar un bloque espaciador para agregar espacios en blanco. Simplemente haga clic en el botón ‘+’ y agregue el bloque espaciador en cualquier parte del 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 el espacio en blanco adicional entre los bloques, deberá ingresar CSS personalizado en su tema de WordPress o usar un complemento CSS como CSS Hero.
El complemento te permite editar el CSS de tu sitio web sin editar el código. Ofrece diferentes opciones de espaciado que puedes usar para ajustar el espacio en blanco 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. Copie y pegue 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 formato no deseado?
Verás que la fuente y los colores del contenido pegado no coinciden con tu tema de WordPress. Esto es muy común si estás usando Microsoft Word o Google Docs para escribir el contenido y luego ingresarlo 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 elige 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 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 negritas y cursivas 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 veas 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 cuando se carguen o es posible que veas un error que dice:
‘No se puede crear el directorio wp-content/uploads/2019/04. ¿El servidor puede escribir en su directorio principal?
Para solucionar este problema, deberá editar 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 genérico ‘HTTP’ 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 da muchas pistas sobre la causa real.
Para solucionar este problema, puedes probar varias cosas. Primero, puedes simplemente esperar unos minutos e intentar volver a cargar la imagen. En ocasiones, el servidor de su sitio web podría encontrar problemas como tráfico inusual y recursos bajos del servidor.
Además de eso, puede 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 utilizada por WordPress y editar el archivo .htaccess.
Además, es posible que su inicio de sesión haya caducado y este error a veces desaparecerá al ir a la pantalla de inicio de sesión e ingresar su nombre de usuario y contraseña nuevamente.
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. Elimine los errores de publicación de programación perdida 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 de publicación de las publicaciones de tu blog. Sin embargo, a veces, es posible que el contenido programado no se publique a la hora establecida.
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 adelante.
Si un complemento o el servidor de alojamiento del sitio web está afectando las tareas cron, se producirá un error de publicación programada perdida en WordPress.
Puede solucionar este problema verificando la zona horaria de su sitio de WordPress. Es posible que la zona horaria de su sitio no coincida con la zona horaria que le gustaría utilizar para programar sus blogs.
Simplemente dirígete a Ajustes » Generales desde el 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 el caché de WordPress y aumentando el 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 de 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 al editar la publicación. De manera similar, un bloque de imagen alineado en el centro puede aparecer alineado hacia la izquierda o hacia la derecha.
Si tiene el complemento Gutenberg instalado y activo en su sitio de WordPress, puede causar problemas de alineación de bloques. Le recomendamos que desactive el complemento Gutenberg y vea si resuelve 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 puedes ver nuestra guía sobre cómo agregar y alinear imágenes en el editor de bloques de WordPress.
11. Resolver Facebook Problema de miniatura incorrecta
¿Alguna vez has notado que cuando compartes un artículo sobre Facebook¿las miniaturas de las publicaciones son incorrectas?
El problema puede deberse a complementos en conflicto, 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, puede especificar una imagen Open Graph para Facebook utilizando el editor de contenidos.
Puedes usar el SEO todo en uno (AIOSEO) complemento para solucionar 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.
Tras la activación, verá un metacuadro de Configuración de AIOSEO en el editor de contenido de WordPress. Simplemente dirígete 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 en qué imagen mostrar Facebook y otros sitios de redes sociales cuando se comparte el artículo.
Puede seguir nuestra guía sobre cómo solucionar el problema. Facebook problema de miniatura incorrecta en WordPress y conozca otras formas de resolver este problema.
12. Arreglando Facebook e Instagram oInsertar problemas
Otro problema del editor de bloques relacionado con las redes sociales que enfrentará es agregar Facebook y contenido de 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 solucionar fácilmente este problema utilizando un complemento de WordPress para redes sociales como aplastar globo. Le ayuda a insertar contenido de Facebook e Instagram fácilmente usando oEmbed, y también puedes mostrar feeds de redes sociales en tu sitio web.
Para obtener más detalles, consulte nuestra guía sobre cómo solucionar el problema. Facebook e Instagram oIncrustar problemas en WordPress.
13. No se puede ver la vista previa del contenido incrustado en el editor de bloques
Este es un problema que surgió 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 de forma diferida de forma predeterminada, lo que significaba que el contenido incrustado, como 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 resuelto. Si está utilizando la versión 5.7 o inferior, le recomendamos encarecidamente que actualice su 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. Es posible que también desee ver nuestra guía sobre errores comunes de WordPress y cómo solucionarlos y la guía definitiva de SEO de WordPress para principiantes.