Cómo exportar e importar bloques de Gutenberg en WordPress

Cómo exportar e importar bloques de Gutenberg en WordPress

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


Gutenberg le ofrece suficientes funciones para crear páginas y publicaciones notables, sin escribir código. No importa el contenido que desee agregar, Gutenberg solo tiene el bloque.

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

Por eso es triste que muchos usuarios no 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.

Digamos 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 necesitabas, lo copiabas y pegabas en tu publicación o página. Gutenberg ha aliviado 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 web de WordPress.

Ya sea que cree muchos sitios web o necesite 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 web de WordPress fácilmente.

Aparte: Si crea un bloque usando un complemento como Getwid, por ejemplo, debe instalar el complemento en los otros sitios de WordPress que desea reutilizar dicho bloque. Tenga en cuenta, además, que sus bloques pueden verse ligeramente diferentes de un tema a otro, pero todo es bueno porque Gutenberg le ofrece una gran capacidad de personalización.

Fuera del camino, toma una taza de café y disfruta leyendo.

En primer lugar, 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é un nota de agradecimiento que me gustaría agregar al final de cada publicación que publico. Ya sabes, sin reescribir la nota cada vez que necesito agregarla a una publicación ��

Mi nota de agradecimiento no es nada complejo; solo un simple bloque de párrafos con enlaces a Twitter y Facebook. Tenga en cuenta que su bloqueo puede ser lo que desee: un anuncio publicitario, un control deslizante de imágenes, una cotización, una lista, las últimas publicaciones, el formulario de MailChimp, etc..

Más tarde, le mostraré cómo exportar la nota (leer, bloquear) a un segundo sitio web 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 lanzar el editor Gutenberg:

Agregar una nueva publicación de WordPress

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

Agregar bloque Gutenberg en WordPress

Después de eso, personaliza y diseña tu bloque según 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 mira en mi editor de Gutenberg:

Muy lindo John Doe. Muy agradable. Ahora, probablemente seguiré tu blog en las redes sociales �� Avanzar rápidamente.

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

Luego, nombra tu bloque reutilizable y presiona el Salvar botón, como se ve a continuación.

nomenclatura del bloque gutenberg reutilizable

Y eso es todo, acabas de crear tu primer bloque reutilizable. Así se hace amigo.

Cómo usar bloques reutilizables

Agregar el bloque reutilizable que acabamos de crear a sus publicaciones o páginas es extremadamente fácil. Una vez que haya agregado el contenido requerido a su publicación o página, haga clic en el Agregar bloque (+) ícono, desplácese hasta Bloques reutilizables pestaña y elija su bloque (Nota de agradecimiento en nuestro caso), como se muestra a continuación.

bloque reutilizable gutenberg

Después de agregar el bloque reutilizable a su publicación o página, presione el Avance/Publicar botón para ver sus resultados en el front-end. Esto es lo que obtuve:

Mi sitio de prueba ejecuta el tema Twenty Twenty.

La mejor parte es que puedo reutilizar mi nota de agradecimiento bloquear 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 estos bloques a otro sitio web de WordPress. Para evitar confusiones, usaré el mismo bloque que acabamos de crear.

Cómo exportar bloques de Gutenberg en WordPress

Exportar un bloque Gutenberg reutilizable es cosa de estudiantes de cuarto grado que se hará en poco tiempo.

Qué hacer?

Dentro del editor Gutenberg, haga clic en el Más herramientas y opciones icono, y luego Gestionar todos los bloques reutilizables, como destacamos a continuación:

gestionar todos los bloques reutilizables

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

Solo tenemos el Nota de agradecimiento bloque, pero la pantalla anterior se completará a medida que crees más. Para exportar, pase el mouse sobre el título y haga clic en Exportar como JSON enlace que aparece. Ver la imagen de abajo.

A continuación, guarde el archivo JSON en su computadora:

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. En primer lugar, abra el editor Gutenberg. En segundo lugar, haga clic en el Más herramientas y opciones icono, y luego Gestionar todos los bloques reutilizables, Como se muestra abajo.

Sobre el Bloques pantalla que sigue, haga clic en Importar desde JSON, elija el archivo que descargó anteriormente y luego presione el Importar botón en ese orden:

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

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

¿Hay complementos 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 Bloques Exportar Importar. Esencialmente, el complemento le permite omitir este tutorial completo. Sí es cierto; ni siquiera tiene que crear bloques reutilizables.

Instale y active el complemento, y luego abra el editor Gutenberg. Diseña tu bloque como desees y luego haz clic en el Mas opciones icono. A continuación, presione el Exportar JSON, Como se muestra abajo. Aquí está la captura de pantalla:

Al hacerlo, se descarga el archivo JSON a su computadora. Para importar el archivo JSON con el complemento, abra el editor Gutenberg. A continuación, haga clic en el Agregar bloque icono, y luego Importar bloques de JSON bajo la Widgets lengüeta:

Después de eso, haga clic en Elija el archivo para seleccionar el archivo de su computadora y presione el Subir botón:

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 web. Tendrás los bloques como archivos JSON en tu computadora.


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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map