Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo actualizar tus entradas antiguas de WordPress con el editor de bloques Gutenberg

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

Te preguntas cómo actualizar las entradas antiguas de tu blog con Gutenberg, el editor de bloques por defecto de WordPress?

Algunos lectores se resisten a dejar de utilizar el antiguo Editor clásico. La buena noticia es que puedes pasarte fácilmente al Editor por bloques sin perjudicar tus antiguos artículos.

En este artículo, te mostraremos cómo actualizar tus artículos antiguos con Gutenberg, también conocido como el editor de bloques de WordPress.

update-your-old-articles-with-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ás preparado para usarlo, puedes desactivar Gutenberg y seguir usando el editor clásico.

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

Antes de empezar, vamos a discutir primero las principales diferencias entre el antiguo Editor Clásico y el Editor de Bloques de Gutenberg.

El editor clásico era un editor de texto muy parecido a Microsoft Word. Tenía un único campo de edición con opciones de formato en la parte superior.

Este es el aspecto del Editor clásico:

Old WordPress editor

Por otro lado, el editor Gutenberg es un editor totalmente basado en bloques. Añadirás todo el contenido en forma de bloques.

Este es el aspecto del editor de bloques de Gutenberg:

Editing the 'Home' Page With the Block Editor

Los bloques son elementos de contenido independientes entre sí, que establecen sus propias opciones de formato. Hay bloques individuales para cada pieza de contenido, incluyendo:

  • Texto o párrafo normal
  • Imagen
  • Botón
  • Galería
  • Anuncio / catálogo / ficha
  • Cuadro
  • Incrustaciones y mucho más.

Además, puedes encontrar más bloques y widgets proporcionados por tus plugins y temas de WordPress. Por ejemplo, WPForms añade un bloque que te permite incrustar tus formularios en tu sitio web.

Adding the WPForms block to a WordPress page or post

Para crear o editar una entrada en el editor de Gutenberg, necesitarás usar bloques. A continuación te explicamos cómo actualizar las entradas y páginas antiguas de tu blog con el editor de bloques de Gutenberg.

Cómo editar tus artículos más antiguos de WordPress con Gutenberg

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

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 un artículo antiguo, simplemente edítelo como lo haría normalmente en WordPress.

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

Classic block in Gutenberg Block Editor

La misma entrada se vería como la captura de pantalla de abajo en el antiguo editor clásico.

Como puede advertir, el contenido es el mismo. Sin embargo, la forma en que está organizado parece ligeramente diferente.

Classic editor post example

El nuevo editor de bloques de WordPress no hará ningún cambio en el contenido, y seguirá teniendo el mismo aspecto en su sitio web de WordPress.

Ahora tienes dos opciones para editar las entradas y páginas antiguas de tu blog:

  1. Continúe editando dentro del bloque Clásico.
  2. Convierte tu contenido antiguo en nuevos bloques Gutenberg.

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

El bloque Clásico le 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 nuevos bloques de Gutenberg.

Para ello, haga clic en la parte superior del contenido y seleccione el botón “Convertir en bloques”.

Convert classic post to blocks

¡Ya está!

Su contenido antiguo se convertirá automáticamente en bloques correspondientes. El contenido del bloque clásico se dividirá en varios bloques diferentes.

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

Si desea modificar el aspecto de la imagen, sólo tiene que hacer clic en ella para seleccionar el bloque y las opciones de edición aparecerán en la parte superior.

También verá más opciones en la pestaña “Bloquear” de la columna derecha de la pantalla.

Example of Gutenberg blocks

Por ejemplo, con un bloque Párrafo, puede cambiar su texto y color de fondo, elegir la tipografía, añadir enlaces, añadir CSS personalizado, y mucho más.

Siguiendo el mismo proceso, puede editar todos los bloques y hacer que su artículo tenga un aspecto visual impresionante.

Una vez que haya terminado de realizar todas las modificaciones necesarias, sólo tiene que hacer clic en el botón “Actualizar” situado en la parte superior derecha de la pantalla para guardar los cambios.

Esperamos que este artículo te haya ayudado a aprender cómo actualizar tus artículos antiguos con el editor de bloques Gutenberg. Puede que también quieras ver nuestra lista de los problemas más comunes del editor de bloques y cómo corregirlos y nuestra guía sobre cómo usar los patrones de bloques de WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

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

Reader Interactions

20 comentariosDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Steve says

    In the classic editor, there was a way to update the date on an existing post and schedule it for a new date/time. I don’t see that option in Gutenberg. I only see a way to change the date and then update the post. Does this accomplish the same thing?

  3. Deborah says

    When I click Convert to blocks my page turns to what looks like code. So, I guess it is not converting correctly. I have other pages that converted fine a while back and I’m able to create new pages using blocks. Does that mean I will need to retype it all by hand?

    • WPBeginner Support says

      If it is a specific page then there may be an issue with that page, you likely would need to manually recreate that specific page.

      Administrador

  4. Bettye says

    I don’t have the 3 dots to the right of the editing toolbar. Does that mean my theme does not support the Gutenberg editor? I’ve been using it since 2016 but I’m on WordPress version 5.3.2.

    Bettye

    • WPBeginner Support says

      You may not be using a classic block for your content if the editor looks different than what we’re showing as one common reason for that

      Administrador

  5. RoseMary says

    I am on the current version of WordPress, but do not have any option to switch from the classic editor to Gutenberg. Now that’s a puzzle! I do not have any plugins installed that would inhibit Gutenberg or keep me with the classic editor.

    Any ideas?

    • WPBeginner Support says

      You may want to go to your profile to see if you have disable visual editor checked as a possible reason.

      Administrador

    • WPBeginner Support says

      Yes, pages would be done the same way and if you wanted you could add the HTML using the code block if you wanted

      Administrador

  6. Van says

    Oh my goodness, I’ve been doing the conversion laboriously by hand. At least I haven’t done all of my prior posts by hand. Thank you for this great post. The info will definitely be a time saver for me.

  7. Deb says

    Very difficult getting a PayPal Button into a page now. Even with the PayPal Plugin installed and I tried to us the new button block. Hours later, I am still stuck.

    • WPBeginner Support says

      If you are using their html to embed the button you may want to try the custom html block

      Administrador

  8. Janet says

    I believe the article is correct when you have something simple like an image and some text. What about videos, links, embeds, anchors, documents, woocommerce, plugins that are images or text etc.? How much after the fact fixing is needed for hundreds of pages created in the old editor. Creating from scratch looks easy, fixing created pages scares me for the amount of additional work needed.

    • WPBeginner Support says

      Hi Janet,

      Your content would work just fine even if you don’t edit your old articles. However, if you feel you need to create them from scratch, then you can do that as well.

      Administrador

Deja tu comentario

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