Cómo exportar e importar bloques de Gutenberg en WordPress










  • Ha habido mucho alboroto por el  editor de bloques de WordPress, Gutenberg . La gente ha tenido dificultades para adaptarse a él por varias razones, más específicamente porque a la mayoría de nosotros no nos gusta el cambio.

    Sin embargo, los bloques de Gutenberg están aquí para quedarse, por lo que es mejor avanzar usando el editor y aprendiendo todo sobre él. La buena noticia es que el nuevo editor de bloques viene repleto de funciones y le brinda la capacidad de lograr muchas cosas diferentes.

    Por ejemplo, ¿sabía que Gutenberg le permite guardar sus bloques de contenido personalizados y exportarlos para usarlos en sus otros sitios de WordPress? En este artículo, le mostraré cómo exportar fácilmente bloques de Gutenberg para que puedan usarse en otros sitios de WordPress.

    Resumen rápido de Gutenberg

    Si está leyendo esto, es probable que sepa qué es Gutenberg y al menos un poco sobre cómo usarlo. Para aquellos de ustedes que no lo saben, Gutenberg es un editor de WordPress completamente basado en bloques donde cada pieza de contenido que agrega es un bloque.

    Puede personalizar los bloques de WordPress Gutenberg y reutilizarlos para crear contenido rápidamente en el futuro. Estos bloques reutilizables son extremadamente útiles para agregar botones de llamada a la acción , formularios de comentarios, anuncios publicitarios y mucho más.

    Muchos de ustedes no saben que en realidad pueden exportar bloques de Gutenberg y luego importarlos y usarlos en otros sitios web.

    Esto es especialmente útil si trabaja en sitios web de clientes y necesita recrear la misma información una y otra vez. Técnicamente, incluso puede vender su bloque único de Gutenberg, pero eso es para otro momento.

    Echemos un vistazo a cómo exportar bloques de Gutenberg para que puedan usarse en otros sitios.

    Cómo exportar e importar bloques

    Cómo crear bloques reutilizables

    Antes de que pueda pensar en exportar un bloque, debe crear un bloque reutilizable. Afortunadamente, esto es bastante fácil de hacer y funciona en cualquier bloque.

    Paso 1: Agregar un bloque

    Primero, necesitamos agregar un bloque a una publicación o página. Lo más probable es que sepa cómo hacer esto, así que siéntase libre de pasar al siguiente paso, si no, siga leyendo.

    Haga clic en Publicaciones y seleccione la opción Agregar nuevo.

    Agregar nuevo

    Haga clic en el botón "+" y seleccione un bloque que desee volver a utilizar.

    Agregar bloque

    Paso 2: personaliza el bloque

    Ahora necesita pasar unos momentos y personalizar el bloque. La forma en que personalizas el bloque depende del que elijas. Cada uno tiene diferentes opciones.

    Por ejemplo, si elige un bloque de código abreviado, lo único que realmente puede hacer es agregar el código abreviado, pero esto sigue siendo útil si planea usar ese código abreviado en varias publicaciones o páginas.

    Otro ejemplo sería usar un bloque de párrafo. En este caso, puede crear una plantilla para agregar contenido, agregar enlaces de redes sociales o algo más que usaría publicación por publicación.

    Independientemente de lo que elija, haga clic en los tres puntos del bloque y seleccione la opción Agregar a bloques reutilizables.

    Agregar bloques reutilizables

    El bloque ahora estará disponible en su biblioteca de bloques reutilizables, lo que significa que ahora puede exportarlo.

    Cómo exportar bloques de Gutenberg

    Los bloques de WordPress Gutenberg no están restringidos al sitio específico en el que está trabajando. Puede exportar estos bloques para usarlos en otros sitios de WordPress.

    Paso 1: encuentre la sección de administración de bloques en el editor

    Lo primero que debe hacer es encontrar el camino a la página de administración de bloques. Para acceder a eso, debe estar dentro de cualquier publicación o página y ejecutar su editor de WordPress.

    Una vez que haya navegado a una publicación o página y esté dentro del editor, haga clic en el enlace "Administrar todos los bloques reutilizables" dentro de la pestaña "Reutilizable" en su editor de contenido.

    Haga clic en administrar bloques reutilizables

    Paso 2: Exportar como JSON

    Una vez que esté en la página de administración de bloques, puede editar, eliminar, exportar e importar sus bloques de WordPress Gutenberg.

    Gestiona todos tus bloques de gutenberg reutilizables

    Para exportar el bloque que elija, simplemente haga clic en la opción "Exportar como JSON" que se encuentra debajo del bloque.

    Haga clic en el enlace exportar como json

    Paso 3: Cargue el archivo JSON en otro sitio

    Una vez que haga clic en esa opción, su bloque se descargará a su computadora como un archivo JSON. Ahora, puede cargar este JSON en cualquier otro sitio de WordPress y usar el bloque una y otra vez.

    Cómo importar bloques de Gutenberg

    Paso 1: inicie sesión en el nuevo sitio web y vaya a la administración de bloques

    Para importar bloques de Gutenberg, debe iniciar sesión en el sitio web en el que desea tener disponible el bloque reutilizable y regresar a la pantalla de administración de bloques.

    Gestiona todos tus bloques de gutenberg reutilizables

    Paso 2: Importar archivo JSON

    Puede ver el botón Importar desde JSON en la parte superior de la página de administración de bloques. Simplemente haga clic en eso y se le pedirá que cargue el archivo JSON que exportó anteriormente.

    Importe el archivo json para reutilizar el bloque

    Elija su archivo y haga clic en el botón Importar. WordPress ahora importará su nuevo bloque reutilizable y lo guardará en la base de datos.

    Una vez hecho esto, puede usarlo en su nuevo sitio de WordPress como lo haría con cualquier otro bloque.

    Cómo usar el complemento de importación de exportación de bloques

    Si bien las herramientas integradas que ofrece WordPress son más que suficientes, en realidad puede reducir los pasos mediante el uso de un complemento. Básicamente, agrega las opciones directamente en la configuración del bloque.

    Paso 1: Instalar Bloques Exportar Importar

    El complemento Blocks Export Import es relativamente nuevo, pero está hecho por ThemIsle. Hacen herramientas fantásticas, y esta no es diferente. El complemento simplifica el proceso al no requerir que cree un bloque reutilizable.

    En su lugar, puede exportar inmediatamente un bloque después de configurarlo, pero hay una cosa a tener en cuenta. Los bloques ya no se almacenarán en su base de datos de WordPress. Serán archivos JSON en su computadora.

    Comencemos haciendo clic en Complementos y seleccionando la opción Agregar nuevo en el panel de administración de la izquierda.

    Agregar nuevo complemento

    Busque Blocks Export Import en el cuadro de búsqueda disponible. Esto abrirá complementos adicionales que pueden resultarle útiles.

    Bloques Exportación Importación

    Desplácese hacia abajo hasta que encuentre el complemento Blocks Export Import y haga clic en el botón "Instalar ahora" y active el complemento para su uso.

    Instalar ahora

    Paso 2: exportar e importar bloques

    A diferencia de la mayoría de los complementos, no hay ajustes para configurar. El complemento está completamente operativo y listo para usar.

    Vaya a cualquier publicación o página, agregue un bloque y personalícelo. Cuando haya terminado, haga clic en los tres puntos y seleccione la opción Exportar como JSON.

    Exportar JSON

    Esto descargará un archivo JSON en su computadora. Se ubicará en su carpeta de descargas. Puede usarlo para importar el bloque en el futuro en cualquier sitio.

    Para importar un bloque, haga clic en el botón "+" y seleccione la opción Importar bloques desde JSON.

    Importar bloques

    Haga clic en el botón "Cargar" y seleccione el archivo JSON en su carpeta de descargas.

    Subir

    El bloque ahora se importará y estará listo para funcionar.

    Pensamientos finales

    Como puede ver, esta es solo una de las muchas funciones y operaciones excelentes que el editor de bloques de WordPress Gutenberg trae a la mesa. Espero que este artículo haya sido útil y te haya mostrado cómo exportar e importar fácilmente bloques de WordPress Gutenberg. Puede reutilizar bloques en cualquier sitio.

    ¿Ya has empezado a crear tus propios bloques reutilizables de Gutenberg? ¿Estás empezando a adaptarte al nuevo editor?










  • Subir