WordPress

¿Cómo importar y exportar bloques de Gutenberg en WordPress? – Mundo2030

Gutenberg ha sido el foco principal de todas las versiones de WordPress durante los últimos años, introduciendo nuevos bloques o mejorando los existentes. Sin embargo, millones de usuarios aún se apegan a la antigua interfaz del editor clásico debido a la falta de conocimiento sobre Gutenberg. El editor de bloques de Gutenberg ofrece muchas características exquisitas que todo usuario de WordPress debería probar. Importar y exportar bloques es una de esas características ocultas que es útil para aquellos que administran varios sitios. En este tutorial, lo guiaremos a través de todos los pasos para que pueda importar y exportar bloques de Gutenberg como desee y usarlos en su sitio web o incluso en otros sitios de WordPress.

Bloques reutilizables de Gutenberg

Gutenberg le permite guardar cada bloque como bloques personalizados y exportarlos para usarlos en varios sitios web. Estos bloques reutilizables son muy útiles y útiles cuando desea insertar el mismo diseño o contenido en varias instancias. Puede crear secciones de llamada a la acción para artículos, anuncios publicitarios, reseñas de clientes o cualquier otra sección de contenido. Ahora que lo pienso, ¿para qué inventar la rueda y construir desde cero si ya se ha construido lo mismo en otros lugares? Eso es exactamente lo que estamos haciendo aquí. Básicamente, solo creamos un bloque de Gutenberg y lo hacemos reutilizable, luego lo exportamos para que podamos usar el mismo bloque en otros sitios de WordPress.

Exportar bloques de Gutenberg a WordPress

La primera etapa de esta lección cubrirá los pasos relacionados con la configuración de un bloque de Gutenberg para reutilizarlo y luego exportar el bloque desde allí.

  • Inicie sesión en su portal de administración de WordPress y vaya al menú Publicaciones> Todas las publicaciones.
  • Encontrará todas las publicaciones existentes en su sitio y editará publicaciones que contengan bloques de Gutenberg que desee reutilizar en varios sitios.
  • Seleccione el bloque de contenido de Gutenberg para importar. O, para fines de demostración, hemos creado un bloque de comentarios de los clientes usando una cita en bloque y le mostramos cómo importar ese bloque aquí. Siéntete libre de hacer lo mismo para cada bloque de contenido que quieras importar específicamente para tu sitio web.
Elige el bloque de Gutenberg
  • Haga clic en el bloque y aparecerá una barra de herramientas asociada con el bloque seleccionado. Ahora haga clic en «Opciones de bloqueo», que aparece como un icono de tres puntos en el extremo derecho de la barra de herramientas, como se muestra en la imagen a continuación.
opciones de bloqueo
opciones de bloqueo
Haga clic en Agregar al bloque reutilizable
Haga clic en Agregar al bloque reutilizable
  • Ingrese un nombre para su bloque, en nuestro caso simplemente lo llamamos «Comentarios del cliente» como ejemplo.
  • Abra el botón Alternar insertador de bloques junto al logotipo de WordPress en la esquina superior izquierda de la página, como se muestra en la captura de pantalla a continuación.
Alternar la herramienta de inserción de bloque
Alternar la herramienta de inserción de bloque
  • Abra la pestaña Reutilizable y haga clic en el enlace Administrar bloques reutilizables como se muestra a continuación.
Administrar unidades reutilizables
Administrar unidades reutilizables
  • Te llevará a una página donde puedes ver todos los bloques reutilizables creados en tu sitio.
  • Pase el cursor sobre el bloque que desea exportar para encontrar el elemento de menú correspondiente, luego haga clic en el enlace «Exportar como JSON».
  • Esto generará un archivo JSON que puede guardar en su computadora local.
Exportar piezas como JSON
Exportar piezas como JSON

Importar bloques de Gutenberg en WordPress

El archivo JSON es un tipo de archivo simple para almacenar estructuras de datos en notación de objetos JavaScript (JSON), un formato de archivo estándar para el intercambio de datos. Puede usar este archivo JSON exportado para importar bloques de Gutenberg a cualquier otro sitio de WordPress.

  • Abra otro sitio de WordPress donde desee importar el bloque de Gutenberg y use el mismo diseño.
  • Inicie sesión en el portal del administrador del sitio web y mantenga el cursor del mouse sobre Publicaciones y haga clic en Todas las publicaciones.
  • Edite la publicación en la que desea importar el bloque de Gutenberg. Alternativamente, puede crear una nueva publicación haciendo clic en el menú «Publicar> Agregar nuevo».
  • Para importar bloques de Gutenberg, debemos abrir la página Bloques reutilizables. Para hacer esto, simplemente haga clic en el ícono de tres puntos (opciones) en la parte superior del editor y seleccione Administrar bloques reutilizable del menú. Esto lo llevará a la página de Bloques reutilizables, donde puede editar, importar o exportar bloques reutilizables de Gutenberg.
Abra la página de bloques reutilizables
Abra la página de bloques reutilizables
  • Haga clic en Importar desde JSON y seleccione el archivo JSON exportado que descargó previamente en su computadora.
Importar desde JSON
Importar desde JSON
  • Haga clic en el botón «Importar» para cargar el contenido del archivo.
Selecciona el archivo a importar
Selecciona el archivo a importar
  • Actualice la página y verá el Gutenberg cargado en la lista reutilizable de su sitio.

Uso de bloques de Gutenberg importados

El siguiente paso es tomar este bloque de Gutenberg y crear la misma sección de comentarios de los clientes en este nuevo sitio web.

  • Coloca el cursor sobre la publicación y vuelve a hacer clic en «Todas las publicaciones». Seleccione la publicación para incluir el contenido del bloque importado.
  • Edite la publicación y agregue nuevos bloques haciendo clic en el botón Insertar bloques.
  • Vaya a la sección «Reutilizar» y seleccione el bloque de Gutenberg que acaba de importar.
  • Eso es todo, el mismo bloque de contenido de Gutenberg que usamos en el sitio anterior se implementó en el nuevo sitio.

Puede reutilizar el contenido en la llamada a la acción o en la sección de comentarios de los clientes. Sin embargo, si hay contenido de texto largo en el bloque reutilizable, asegúrese de convertir el bloque en un bloque normal y edite el texto desde las opciones de bloque. Esto ayudará a evitar la duplicación de contenido en varios sitios.

ultimas palabras

La creación de estos bloques de contenido personalizados reutilizables facilita la creación rápida de contenido en varios sitios web y páginas web, al tiempo que garantiza la coherencia entre ellos. Como puede ver, importar y exportar bloques personalizados de Gutenberg es un proceso relativamente fácil. Otra gran cosa es que puede buscar fácilmente bloques escribiendo / block-name en un bloque de párrafo. Por ejemplo, en nuestro caso podemos encontrar rápidamente bloques reutilizables importados o sin procesar escribiendo «/ revisión del cliente». Encontrará resultados a medida que escribe, y también puede encontrar el bloque en la sección Bloques recientes cuando hace clic en el icono Agregar bloque +. Además, si necesita cambiar algo, puede hacerlo fácilmente y el cambio se aplicará a todas las instancias del bloque reutilizable en el sitio que lo utilizan.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba