Cómo exportar e importar bloques de Gutenberg en WordPress

Cómo exportar e importar bloques de Gutenberg en WordPress 1

Al principio, los usuarios de WordPress tenían una relación agridulce con el generador basado en bloques de WordPress. Entonces, como descubrimos en nuestra guía de Gutenberg, el nuevo editor viene con características increíbles que hacen que crear contenido hermoso sea fácil y divertido. Ahora, algunos pueden no tener suficiente del editor.

Gutenberg ofrece suficientes recursos para crear páginas y publicaciones notables, sin escribir código. Independientemente del contenido que desee agregar, Gutenberg solo tiene el bloque.

¿Desea modificar y diseñar cada bloque de contenido ampliamente? Gutenberg lo apoya gracias a una batería de opciones de personalización. ¿Desea incluso más bloques de los que están disponibles en el editor estándar? Hay muchos complementos adicionales de Gutenberg por ahí.

Así que es triste que muchos usuarios no lo sepan Bloques reutilizables, una de las características brillantes de Gutenberg. Si no tiene idea de lo que estamos hablando, los bloques reutilizables son simplemente contenido bloques que crea, guarda y reutiliza a voluntad.

Suponga que desea agregar un llamado a la acción, una nota de agradecimiento, una firma, un formulario o cualquier otra cosa al final de cada publicación o página.

En el pasado, tenía que guardar la función en un archivo de texto en su computadora. Cuando lo necesitaba, lo copió y lo pegó en su publicación o página. Gutenberg alivió este problema. Ahora no tiene que usar archivos de texto o crear los mismos bloques desde cero cada vez.

Puede crear un solo bloque reutilizable y usarlo no solo en sus publicaciones y páginas, sino también en otros sitios de WordPress.

Si crea muchos sitios web o necesita agregar contenido especial a cada publicación / página, los bloques reutilizables de Gutenberg pueden ayudarlo a ahorrar mucho tiempo.

Y en la publicación de hoy, le mostramos exactamente cómo crear y exportar bloques reutilizables de Gutenberg en WordPress. Nuestro objetivo es ayudarlo a mover y reutilizar bloques de contenido personalizados en múltiples publicaciones / páginas / sitios de WordPress con facilidad.

Aparte: Si crea un bloque usando un complemento como Getwid, por ejemplo, necesitará instalar el complemento en los otros sitios de WordPress donde desea reutilizar ese bloque. También tenga en cuenta que sus bloques pueden verse un poco diferentes de un tema a otro, pero eso está bien porque Gutenberg ofrece mucha personalización.

Fuera del camino, tome una taza de café y disfrute de la lectura.

Antes que nada, necesitas bloques reutilizables

Desafortunadamente, no puedes exportar ni importar regular bloques Para exportar e importar bloques de Gutenberg, primero debe crear reutilizable bloques

Con fines ilustrativos, crearé una nota de agradecimiento que me gustaría agregar al final de cada publicación que publique. Ya sabes, sin reescribir la nota cada vez que necesito agregarla a una publicación 🙂

Mi nota de agradecimiento no es en absoluto compleja; solo un simple bloque de párrafo con enlaces a Twitter y Facebook. Recuerda que tu bloque puede ser lo que quieras: un banner, un control deslizante de imágenes, una cita, una lista, las publicaciones más recientes, el formulario MailChimp, etc.

Más tarde, le mostraré cómo exportar la nota (leer, bloquear) a un segundo sitio de WordPress. ¿Suena bien? Genial, comencemos.

Cómo crear un bloque reutilizable

Crear un bloque reutilizable es increíblemente fácil. Navegar a Publicaciones> Agregar nuevo para iniciar el editor Gutenberg:

Agregue una nueva publicación de WordPress

Luego haga clic en Agregar bloque (+) icono y elija su unidad de contenido. En nuestro caso, agregué el bloque de párrafo, como se muestra en la siguiente imagen.

Agregue el bloque Gutenberg en WordPress

Después de eso, personaliza y diseña tu bloque de acuerdo a tus necesidades. Agregué texto, enlaces de redes sociales y color de fondo. Así es como nuestro nuevo bloque, también conocido como nota de agradecimiento ver en mi editor de Gutenberg:

Cómo exportar e importar bloques de Gutenberg en WordPress 2

John Doe muy lindo. Muy agradable. Ahora, probablemente seguiré tu blog en las redes sociales.

Por el momento, la nota anterior es un regular bloquear. Necesitamos convertirlo en un reutilizable bloque que podemos exportar e importar. Para hacer esto, haga clic en el Mas opciones icono y luego Agregar a bloques reutilizables, Como se muestra abajo.

Cómo exportar e importar bloques de Gutenberg en WordPress 3

Luego, asigne un nombre a su bloque reutilizable y presione el botón Guardar  como se ve a continuación.

Nomenclatura reutilizable del bloque Gutenberg

Eso es todo, acabas de crear tu primer bloque reutilizable. Así es como te conviertes en un amigo.

Cómo usar bloques reutilizables

Agregar el bloque reutilizable que acabamos de crear a sus publicaciones o páginas es extremadamente fácil. Después de agregar el contenido necesario a su publicación o página, haga clic en el Agregar bloque (+) icono, desplazarse a Bloques reutilizables guíe y elija su bloque (nota de agradecimiento en nuestro caso), como se muestra a continuación.

bloque de Gutenberg reutilizable

Después de agregar el bloc de notas a su publicación o página, presione el botón Avanzar/Publicar para ver sus resultados en la parte delantera. Esto es lo que tengo:

Cómo exportar e importar bloques de Gutenberg en WordPress 4

Mi sitio de prueba ejecuta el tema Twenty Twenty.

La mejor parte es que puedo reutilizar mi bloc de agradecimiento en cualquier momento, sin tener que crearlo desde cero. Puedo agregarlo a todos los tipos de publicaciones que admiten bloques de Gutenberg.

Ahora que sabe cómo crear y usar bloques reutilizables, aprendamos más sobre cómo exportar esos bloques a otro sitio de WordPress. Para evitar confusiones, usaré el mismo bloque que acabamos de crear.

Cómo exportar bloques de Gutenberg en WordPress

Exportar un bloque reutilizable de Gutenberg es para la cuarta serie que se realizará en poco tiempo.

¿Que hacer?

Dentro del editor Gutenberg, haga clic en el botón Más herramientas y opciones. icono y luego Administra todos los bloques reutilizables, como se resalta a continuación:

gestionar todos los bloques reutilizables

Hacerlo te lleva a la Bloques pantalla donde puede ver y administrar todos sus bloques reutilizables:

Cómo exportar e importar bloques de Gutenberg en WordPress 5

Solo tenemos el Nota de agradecimiento bloque, pero la pantalla anterior se llenará a medida que creas más. Para exportar, coloca el cursor sobre el título y haz clic Exportar como JSON enlace que aparece. Ver la imagen de abajo.

Cómo exportar e importar bloques de Gutenberg en WordPress 6

Luego guarde el archivo JSON en su computadora:

Cómo exportar e importar bloques de Gutenberg en WordPress 7

Ahora que tenemos el archivo JSON en su computadora, es hora de importar el bloque a nuestro segundo sitio de prueba.

Cómo importar bloques de Gutenberg en WordPress

Importar sus bloques reutilizables es tan fácil como A, B, C. Primero, abra el editor Gutenberg. Segundo, haga clic en Más herramientas y opciones. icono y luego Administra todos los bloques reutilizables, Como se muestra abajo.

Cómo exportar e importar bloques de Gutenberg en WordPress 8

Sobre él Bloques haga clic en la siguiente pantalla Importar desde JSON, elija el archivo que descargó anteriormente y presione el botón importar botón en ese orden:

Cómo exportar e importar bloques de Gutenberg en WordPress 9

¡Y eso es! Entonces, ha importado con éxito un bloque Gutenberg reutilizable a su segundo sitio de WordPress:

Cómo exportar e importar bloques de Gutenberg en WordPress 10

¿No fue fácil? Luego, puede usar y reutilizar su bloque Gutenberg en el segundo sitio tantas veces como lo desee.

¿Hay algún complemento para exportar bloques de Gutenberg?

Ah, sí, y encontré uno de ThemeIsle, un desarrollador de WordPress de buena reputación. Es un complemento gratuito conocido como Block Import and Export. Esencialmente, el complemento le permite omitir todo este tutorial. Si es verdad Ni siquiera tiene que crear bloques reutilizables.

Instale y active el complemento, luego abra el editor Gutenberg. Crea tu bloque como desees y haz clic en él Mas opciones icono. Luego presione el Exportar JSON, Como se muestra abajo. Aquí está la captura de pantalla:

Cómo exportar e importar bloques de Gutenberg en WordPress 11

Esto descarga el archivo JSON a su computadora. Para importar el archivo JSON con el complemento, abra el editor Gutenberg. Luego haga clic en Agregar bloque icono y luego Importar bloques JSON En el Widgets idioma:

Cómo exportar e importar bloques de Gutenberg en WordPress 12

Después de ese clic Elige el archivo para seleccionar el archivo en su computadora y presione el Subirse botón:

Cómo exportar e importar bloques de Gutenberg en WordPress 13

El único problema con el método del complemento es que sus bloques no se guardarán en su sitio de WordPress. Para guardar bloques en su base de datos de WordPress, debe usar el método manual. Quizás eso cambie en el futuro.

Lamentablemente no pude encontrar otro complemento. Aún así, el complemento puede ahorrarle mucho tiempo si no le importa guardar bloques reutilizables en su sitio. Tendrás los bloques como archivos JSON en tu computadora.

Los bloques reutilizables de Gutenberg son un salvavidas. Le permiten replicar rápidamente modelos y funciones, ya que no comienza desde cero. Si crea muchas publicaciones / páginas y / o sitios web, aprenderá cómo exportar bloques desde Gutenberg.

¿Tiene preguntas o sugerencias sobre los bloques de Gutenberg? Por favor háznoslo saber en los comentarios más abajo.

Botón volver arriba