Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo actualizar tus publicaciones antiguas de WordPress con el Editor de Bloques de Gutenberg

Actualizar contenido antiguo es una parte necesaria para mantener un sitio de WordPress exitoso.

Al trabajar con numerosos usuarios de WordPress, hemos visto cómo convertir publicaciones clásicas en bloques puede mejorar el contenido antiguo y, al mismo tiempo, optimizar su rendimiento.

Muchos propietarios de sitios temen que actualizar publicaciones antiguas con Gutenberg rompa su contenido.

La buena noticia es que WordPress hace que esta transición sea fluida y manejable, permitiéndole mejorar sus publicaciones con funciones de bloques modernas sin perder ningún contenido.

En esta guía, le mostraremos cómo actualizar de forma segura sus publicaciones antiguas de WordPress utilizando el editor de bloques, paso a paso.

actualiza-tus-articulos-antiguos-con-gutenberg

Nota: El editor Gutenberg de WordPress ofrece una forma fácil y flexible de crear contenido en WordPress. Sin embargo, si aún no está listo para usarlo, puede deshabilitar Gutenberg y usar el plugin Editor Clásico.

Alternativamente, puede probar la compatibilidad de su sitio web para actualizar a Gutenberg primero.

¿Cuál es la diferencia entre el editor clásico y el editor Gutenberg?

Antes de comenzar, primero analicemos las principales diferencias entre el antiguo editor clásico y el editor de bloques Gutenberg.

El Editor Clásico era un editor de texto que se parecía mucho a Microsoft Word. Tenía un único campo de edición con opciones de formato en la parte superior.

Así se ve el Editor Clásico:

Editor antiguo de WordPress

Por otro lado, el editor de Gutenberg es un editor completamente basado en bloques, disponible desde WordPress 5.0. Agregarás todo el contenido en forma de bloques.

Así se ve el Editor de Bloques de Gutenberg:

Edición de la Página 'Inicio' con el Editor de Bloques

Los bloques son elementos de contenido que están separados entre sí con su propio conjunto de opciones de formato. Hay bloques individuales para cada tipo de contenido, incluyendo:

  • Texto normal o párrafo
  • Imagen
  • Botón
  • Galería
  • Lista
  • Tabla
  • Incrustaciones, y más.

Además, puedes encontrar más opciones de bloques de contenido proporcionadas por tus plugins de WordPress y tu tema.

Por ejemplo, WPForms agrega un bloque que te permite incrustar tus formularios en tu sitio web.

Agregar el bloque WPForms a una página o publicación de WordPress

Para crear o editar una publicación en el editor de Gutenberg, necesitarás usar bloques. Aquí te explicamos cómo actualizar tus antiguas publicaciones y páginas de blog con el Editor de Bloques de Gutenberg.

Cómo convertir tus publicaciones clásicas de WordPress a Gutenberg (paso a paso)

Si has actualizado tu blog de WordPress a la última versión de WordPress, entonces tendrás el Editor de Bloques de Gutenberg como tu editor predeterminado.

Lo bueno de Gutenberg es que no afecta a ninguno de tus contenidos antiguos, y puedes editar fácilmente tus artículos antiguos.

Para editar una publicación o página antigua, simplemente edítala como lo harías normalmente en WordPress.

En el editor de contenido, verás todo el contenido envuelto dentro de un único bloque Clásico.

Bloque clásico en el Editor de Bloques de Gutenberg

La misma publicación se vería como la captura de pantalla a continuación en el editor clásico anterior.

Como podrás notar, el contenido existente es el mismo. Sin embargo, la forma en que está organizado se ve ligeramente diferente.

Ejemplo de publicación con editor clásico

El nuevo editor de bloques de WordPress no realizará ningún cambio en el contenido, y seguirá viéndose igual en tu sitio web de WordPress.

Ahora, tienes dos opciones para editar tus antiguas publicaciones y páginas de blog:

  1. Continuar editando dentro del bloque Clásico.
  2. Convertir tu contenido antiguo a los nuevos bloques de Gutenberg.

La primera opción es continuar editando tu antiguo artículo dentro del bloque Clásico.

El bloque Clásico te ofrece la misma interfaz del editor Clásico con opciones de formato en la parte superior. Esto debería ser bastante sencillo.

La segunda opción es convertir tu contenido antiguo en los nuevos bloques de Gutenberg.

Puedes hacer esto haciendo clic en la parte superior del contenido y seleccionando el botón ‘Convertir a bloques’.

Convertir publicación clásica a bloques

¡Eso es todo!

Tu contenido antiguo se convertirá automáticamente en bloques coincidentes. El contenido dentro del bloque Clásico se dividirá en varios bloques diferentes.

Ahora, puedes editar tu antiguo artículo utilizando los nuevos bloques del editor de Gutenberg. Cada bloque es una entidad separada con sus propias opciones de formato, estilos y opciones de diseño.

Si deseas realizar cambios en la forma en que aparece la imagen, simplemente puedes hacer clic en la imagen para seleccionar el bloque, y las opciones de edición aparecerán en la parte superior.

También verás más opciones en la pestaña ‘Bloque’ en la columna derecha de la pantalla.

Ejemplo de bloques de Gutenberg

Por ejemplo, con un bloque de Párrafo, puedes usar la barra de herramientas para cambiar su texto y color de fondo, elegir la tipografía, agregar enlaces y más.

Siguiendo el mismo proceso, puedes editar todos los bloques y hacer que tu artículo luzca visualmente impresionante.

Una vez que hayas terminado de hacer todas las ediciones necesarias, simplemente puedes hacer clic en el botón ‘Actualizar’ en la parte superior derecha de la pantalla para guardar tus cambios.

Más información sobre consejos y trucos del editor Gutenberg

¿Listo para aprovechar al máximo el editor de bloques? Aquí tienes algunos tutoriales de WordPress para empezar:

Esperamos que este artículo te haya ayudado a aprender cómo actualizar tus artículos antiguos con el Editor de Bloques de Gutenberg. También te puede interesar nuestro tutorial sobre cómo crear un bloque personalizado de WordPress y nuestra guía sobre cómo usar patrones de bloques de WordPress.

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.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

21 CommentsLeave a Reply

  1. Mientras leía este artículo, noté algo en la tercera captura de pantalla anterior: muestra la barra lateral de administración habilitada a la izquierda junto al editor de Gutenberg.

    Mi editor ocupa toda la pantalla, ¿cómo habilitaste que la barra lateral de administración aparezca a la izquierda junto al editor?

  2. En el editor clásico, había una forma de actualizar la fecha de una publicación existente y programarla para una nueva fecha/hora. No veo esa opción en Gutenberg. Solo veo una forma de cambiar la fecha y luego actualizar la publicación. ¿Esto logra lo mismo?

  3. Cuando hago clic en Convertir a bloques, mi página se parece a código. Así que, supongo que no se está convirtiendo correctamente. Tengo otras páginas que se convirtieron bien hace un tiempo y puedo crear nuevas páginas usando bloques. ¿Significa eso que tendré que reescribirlo todo a mano?

    • Si es una página específica, entonces puede haber un problema con esa página; es probable que necesites recrear manualmente esa página específica.

      Administrador

  4. No tengo los 3 puntos a la derecha de la barra de herramientas de edición. ¿Significa eso que mi tema no soporta el editor de Gutenberg? Lo he estado usando desde 2016 pero estoy en la versión 5.3.2 de WordPress.

    Bettye

    • Es posible que no estés usando un bloque clásico para tu contenido si el editor se ve diferente a lo que mostramos, esa es una razón común para eso.

      Administrador

  5. Estoy en la versión actual de WordPress, pero no tengo ninguna opción para cambiar del editor clásico a Gutenberg. ¡Ahora eso es un rompecabezas! No tengo ningún plugin instalado que inhiba Gutenberg o me mantenga con el editor clásico.

    ¿Alguna idea?

    • Es posible que quieras ir a tu perfil para ver si tienes marcada la opción de deshabilitar el editor visual como una posible razón.

      Administrador

    • Sí, las páginas se harían de la misma manera y si quisieras, podrías agregar el HTML usando el bloque de código si quisieras.

      Administrador

  6. ¡Dios mío, he estado haciendo la conversión laboriosamente a mano. Al menos no he hecho todas mis publicaciones anteriores a mano. Gracias por esta gran publicación. La información definitivamente me ahorrará tiempo.

  7. Es muy difícil insertar un botón de PayPal en una página ahora. Incluso con el plugin de PayPal instalado y traté de usar el nuevo bloque de botones. Horas después, sigo atascado.

  8. Creo que el artículo es correcto cuando tienes algo simple como una imagen y algo de texto. ¿Qué pasa con los videos, enlaces, incrustaciones, anclas, documentos, woocommerce, plugins que son imágenes o texto, etc.? ¿Cuánta corrección posterior se necesita para cientos de páginas creadas en el editor antiguo? Crear desde cero parece fácil, arreglar las páginas creadas me asusta por la cantidad de trabajo adicional necesario.

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.