Cómo exportar e importar bloques de Gutenberg a WordPress

Al principio, los usuarios de WordPress tenían una relación dulce con el constructor basada en bloques de WordPress. Luego, como descubrimos en nuestra Guía de Gutenberg, el nuevo editor viene con características sorprendentes que hacen que la creación de contenido hermoso y divertido. Ahora, algunos no pueden cansarse del editor. Gutenberg le ofrece suficientes funciones para crear páginas y publicaciones sobresalientes, sin escribir el código. Independientemente del contenido que desee agregar, Gutenberg solo tiene el bloque. ¿Le gustaría cambiar y estilizar cada bloque de contenido? Gutenberg respalda debido a una batería de opción de personalización. ¿Quieres aún más bloques de los que están disponibles en el editor predeterminado? Hay muchos complementos adicionales de Gutenberg allí.
Es por eso que es triste que muchos usuarios no sepan sobre los bloques reutilizables, una de las brillantes características de Gutenberg. Si no tiene idea de lo que estamos hablando, los bloques reutilizables son simplemente bloques de contenido que crea, guárdelos y reutilizan como lo desee. Digamos que desea agregar un impulso, gratitud, firma, forma o cualquier otra cosa al final de cada publicación o páginas. En el pasado, tenía que guardar la función en un archivo de texto en su computadora. Cuando lo necesitara, cópielo a su publicación o en su página de Gutenberg atenuó este problema. Ahora no tiene que usar archivos de texto ni crear los mismos bloques desde cero cada vez.
Puede crear un solo bloque reutilizable y puede 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 que necesite agregar contenido especial a cada publicación / página, Gutenberg Reusable Blocks puede 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 moverse y reutilizar fácilmente los bloques de contenido personalizados en varias publicaciones / páginas / sitios web WordPress. Aparte de él: si crea un bloque usando un complemento como GetWid, por ejemplo, debe instalar el complemento en los otros sitios de WordPress quieres reutilizar. También tenga en cuenta que sus bloques pueden verse ligeramente diferentes de un tema a otro, pero todo está bien, porque Gutenberg le brinda mucho poder de personalización.
Aparte de eso, tome una taza de café y disfrute de leer. En primer lugar, necesita bloques reutilizables desafortunadamente, no puede exportar o importar bloques ordinarios. Para exportar e importar bloques de Gutenberg, primero debe crear bloques reutilizables.
Para fines ilustrativos, crearé una nota de gratitud que me gustaría agregar al final de cada publicación que publico. Sabes, sin reescribir la nota cada vez que tengo que agregarla a una publicación, mi nota de gratito no es nada complejo; Solo un simple bloque de párrafos con enlaces a Twitter y Facebook. Tenga en cuenta que su bloque puede ser lo que desee: un banner de anuncios, una diapositiva de imagen, una oferta, una lista, las últimas publicaciones, el formulario de MailChimp, etc. Más tarde, le mostraré cómo exportar (leer, bloquear) en un segundo sitio web de WordPress. ¿Suena bien? Super, comencemos. Como se crea un bloque reutilizable para crear un bloque reutilizable es increíblemente fácil. Navegue a las publicaciones> Agregar nuevo para lanzar el editor de Gutenberg:
Luego haga clic en el icono de bloque Agregar (+) y luego elija el bloque de contenido. En nuestro caso, agregamos el bloque de párrafo, como se muestra en la siguiente imagen.
Después de eso, personalice y estilice el bloque de acuerdo con sus necesidades. Hemos agregado algunos textos, socializando enlaces y color de fondo. Así es como nuestras nuevas notas de bloque, Satisfied se ve en mi editor de Gutenberg:

Muy bien John Doe. Muy agradable. Ahora, probablemente seguiré su blog en las redes sociales continuando rápidamente.

En este momento, la nota anterior es un bloque ordinario. Debemos convertirlo en un bloque reutilizable que podamos exportar e importar. Para hacer esto, haga clic en el icono varias opciones, luego agregue a bloques reutilizables, como se muestra a continuación.

Luego llame al bloque reutilizable y presione el botón Guardar, como se ve a continuación.
Y así, acabas de crear el primer bloque reutilizable. El camino a ir a Amigo. Cómo usar bloques reutilizables Agregar el bloque reutilizable que acabamos de crear en sus publicaciones o páginas es extremadamente fácil. Una vez que haya agregado el contenido necesario a su publicación o página, haga clic en el icono Agregar (+), desplácese a la pestaña Bloque reutilizable y elija el bloque (Acción de Gracias en nuestro caso), como se muestra a continuación. Agregue el bloque reutilizable a su publicación o Página, presione el botón Vista previa / publicación para ver sus resultados en el front-end. Esto es lo que recibí:

Mi sitio de prueba ejecuta el tema de veinte veinte. La mejor parte es que puedo reutilizar el bloque de las calificaciones de las calificaciones en cualquier momento, sin tener que crearlo desde cero. Puedo agregarlo a todo tipo de publicaciones que aceptan los bloques de Gutenberg. Ahora que sabe cómo crear y usar bloques reutilizables, obtengamos más sobre la exportación de estos bloques en otro sitio web de WordPress. Para evitar confusiones, usaré el mismo bloque que acabo de crear.

Cómo exportar los bloques de Gutenberg en WordPress La exportación de un bloque reutilizable de Gutenberg es lo de cuarto grado que hará en el menor tiempo. ¿Qué hacer? En el editor de Gutenberg, haga clic en el icono varias herramientas y opciones, luego administre todos los bloques reutilizables, como destacamos a continuación:


Esto lo lleva a la pantalla de bloque, donde puede ver y administrar todos los bloques reutilizables:

Solo tenemos la nota de bloque de agradecimiento, pero la pantalla anterior se completará a medida que cree más. Para exportar, revise el mouse por el título y haga clic en el enlace de exportación como un JSON. Vea la imagen a continuación. Luego guarde el archivo JSON en su computadora:
Ahora que tenemos el archivo JSON en su computadora, es hora de importar el bloque en el segundo sitio de prueba. Cómo importar Bloques de Gutenberg a WordPress La importación de bloques reutilizables es tan fácil como A, B, C. Primero, abra el editor de Gutenberg. En segundo lugar, haga clic en el icono varias herramientas y opciones, luego administre todos los bloques reutilizables, como se muestra a continuación.

En la siguiente pantalla de bloque, haga clic en Importar desde JSON, elija el archivo que ha descargado anteriormente, luego presione el botón Importar en este pedido:

¡Y eso es! Además, ha importado con éxito un bloque reutilizable de Gutenberg en el segundo sitio de WordPress:

¿No era tan fácil? Más tarde, puede usar y reutilizar el bloque Gutenberg en el segundo sitio tantas veces como desee. ¿Hay complementos para la exportación de bloques de Gutenberg? Sí, y encontré uno de Themitisle, un desarrollador de buena reputación WordPress. Es un complemento gratuito conocido como Blocks Export Import. Esencialmente, el complemento le permite omitir todo el tutorial. Sí, es correcto; Ni siquiera tienes que crear bloques reutilizables. Instale y active el complemento, luego abra el editor de Gutenberg. Diseñe el bloque como desee, luego haga clic en el icono más opciones. Luego presione Exportar JSON, como se muestra a continuación. Aquí está la captura de pantalla:

De esta manera, descargue el archivo JSON a su computadora. Para importar el archivo JSON utilizando el complemento, abra el editor de Gutenberg. Luego haga clic en el bloque Agregar, luego importe bloques en la pestaña JSON en la pestaña Widgets: Después de eso, haga clic en Elija el archivo para seleccionar el archivo en su computadora y presione el botón Cargar:

El único problema con el método del complemento es que sus bloques no se guardarán en su sitio web de WordPress. Para guardar bloques en la base de datos de WordPress, debe usar el método manual. Quizás esto cambie en el futuro. Desafortunadamente, no pude encontrar otro complemento. Sin embargo, el complemento puede ahorrarle mucho tiempo si no le importa guardar bloques reutilizables en su sitio web. Tendrá bloques como archivos JSON en su computadora.

Los bloques reutilizables de Gutenberg son una herramienta de rescate. Estos le permiten reproducir rápidamente plantillas y características, porque no comienza desde cero. Si crea muchas publicaciones / páginas y / o sitios web, será útil aprender cómo exportar los bloques de Gutenberg. ¿Tiene alguna pregunta o sugerencia sobre los bloques de Gutenberg? Por favor háznoslo saber en los comentarios más abajo.