Cómo importar / exportar tus bloques de Gutenberg de WordPress (2 pasos)

¿Alguna vez te has dado cuenta de que terminas recreando los mismos diseños de bloques de Gutenberg una y otra vez?

Ya sabes cuáles: esa sección perfecta de llamada a la acción, tu diseño de testimonios preferido o esa exhibición de productos que realmente convierte visitantes.

Cuando administras varios sitios de WordPress, esto consume aún más tiempo. Pero en realidad hay una forma mucho más inteligente de manejar esto.

WordPress tiene una función integrada que te permite importar/exportar cualquier bloque o grupo de bloques y reutilizarlos instantáneamente en diferentes sitios web. Es como tener tu propia biblioteca de diseño personal que viaja contigo a todas partes.

Después de administrar docenas de sitios de WordPress, hemos aprendido que este simple proceso de 2 pasos puede transformar por completo tu forma de trabajar.

En esta guía, te mostraremos cómo importar/exportar fácilmente tus bloques de Gutenberg y mantener tus diseños consistentes en todos tus sitios.

Aquí hay una descripción general rápida de lo que cubriremos en esta guía:

¿Por qué importar y exportar patrones de WordPress?

El editor de bloques de WordPress es excelente para crear diseños únicos. Por ejemplo, podrías diseñar una llamada a la acción personalizada con un botón especial y un esquema de color.

Si planeas usar un diseño nuevamente, puedes guardarlo como un patrón. Es importante saber que hay dos tipos: sincronizados y no sincronizados.

Patrón no sincronizado: Una vez que un patrón no sincronizado se inserta en una página o publicación, funciona como un conjunto normal de bloques. Cualquier edición realizada en esa instancia específica no afectará a otras instancias del mismo patrón en otras partes de su sitio.

Patrón sincronizado (anteriormente conocido como bloque reutilizable): Cuando edita un patrón sincronizado, los cambios se aplican automáticamente a cada instancia de ese patrón en todo su sitio web.

La mejor parte es que puede exportar cualquiera de estos patrones para usarlos en otros sitios de WordPress. Esto puede ahorrarle una gran cantidad de tiempo si administra varios sitios web o crea sitios para clientes.

Dicho esto, veamos cómo puede importar / exportar bloques de Gutenberg para WordPress.

Cómo importar / exportar tus bloques de Gutenberg de WordPress

Primero, deberá guardar el contenido que desea mover como un patrón.

Una vez que haya guardado su patrón, los pasos para importar y exportar dependerán de si está utilizando un tema clásico o un tema de bloques moderno.

Cubriremos ambos métodos a continuación, comenzando con el proceso para temas clásicos.

Método 1: Importar / Exportar bloques con un tema clásico

Cuando usa un tema clásico, puede administrar sus patrones desde una pantalla especial, pero accede a ella a través del editor de publicaciones.

Exportar bloques con un tema clásico

Primero, abra cualquier publicación o página.

En la esquina superior derecha, haga clic en el ícono del menú de tres puntos y seleccione 'Administrar patrones' en el menú desplegable.

Esto lo llevará a la pantalla de administración de patrones, donde verá una lista de todos sus patrones creados.

Pase el cursor sobre el patrón que desea exportar y haga clic en el enlace 'Exportar como JSON' que aparece.

WordPress descargará inmediatamente el patrón a su computadora como un archivo JSON.

Importar bloques con un tema clásico

Para importar un patrón en su nuevo sitio, siga los mismos pasos para llegar a la pantalla 'Administrar patrones'. En la parte superior de la página, haga clic en el botón 'Importar desde JSON'.

En la ventana emergente, haz clic en ‘Elegir archivo’ y selecciona el archivo JSON que descargaste anteriormente. Haz clic en ‘Importar’ para finalizar, y tu patrón estará listo para usar.

Método 2: Importar/Exportar Bloques Con un Tema de Bloques

Si estás utilizando un tema de bloques, el proceso es un poco diferente porque usarás el Editor de Sitio Completo.

Exportar Bloques con un Tema de Bloques

Para empezar, ve a Apariencia » Editor desde la barra lateral de administración de WordPress.

Dentro del editor, selecciona ‘Patrones’ en el menú de la izquierda. Esto te llevará al área de administración de patrones de tu sitio.

Junto al encabezado ‘Patrones’, haz clic en el ícono del menú de tres puntos y luego elige ‘Exportar como JSON’.

Esto descargará un único archivo JSON que contiene todos tus patrones personalizados.

Importar Bloques con un Tema de Bloques

Ahora, para importar estos bloques a otro sitio web usando el editor de sitio completo, abre el FSE y dirígete a la pestaña ‘Patrones’.

Luego, haz clic en el botón ‘Añadir nuevo patrón’. Esto abrirá un menú desplegable desde donde puedes seleccionar el botón ‘Importar patrón desde JSON’.

Continúa y elige tu archivo descargado para importar los bloques.

Con eso hecho, puedes usar el patrón importado en tu sitio web de WordPress fácilmente.

Preguntas frecuentes sobre la importación/exportación de bloques de Gutenberg

Es posible que todavía tengas algunas preguntas sobre el proceso. Para ayudarte, hemos creado una lista de algunas de las preguntas más frecuentes sobre la importación y exportación de bloques en WordPress.

¿Qué es un archivo JSON?

JSON significa JavaScript Object Notation. Es un formato simple basado en texto para almacenar y transportar datos.

En este caso, el archivo JSON actúa como un plano que le dice a WordPress cómo reconstruir tu bloque, incluido su contenido, formato y configuración.

¿Este método también importa imágenes y archivos multimedia?

No, el proceso de exportación solo guarda la estructura y el contenido de texto del bloque. No exporta los archivos de imagen o multimedia reales utilizados dentro del bloque.

Deberás subir manualmente esos archivos multimedia a la biblioteca de medios del nuevo sitio para que los bloques importados se muestren correctamente.

¿Puedo importar bloques que requieren un plugin específico?

Sí, puedes. Sin embargo, el bloque importado solo funcionará si el nuevo sitio web tiene el mismo plugin instalado y activado.

Por ejemplo, si exportas un bloque de formulario de WPForms, el nuevo sitio también debe tener WPForms instalado para renderizar ese formulario.

¿Cómo puedo mover mi sitio web completo, no solo bloques?

Importar y exportar bloques es excelente para piezas individuales de contenido. Pero si necesitas mover un sitio web completo, un plugin de migración es una solución mucho mejor.

Recomendamos usar un plugin como Duplicator. Te permite clonar y mover fácilmente todo tu sitio de WordPress, incluyendo todo tu contenido, plugins y temas, a una nueva ubicación.

Recursos adicionales sobre bloques de WordPress

Aquí tienes algunas guías más útiles sobre el uso y la gestión de bloques de WordPress:

• Cómo usar el editor de bloques de WordPress (Tutorial de Gutenberg)
• Cómo crear un bloque personalizado de WordPress (forma fácil)
• Los mejores plugins de bloques de Gutenberg para WordPress (súper útiles)
• Cómo convertir bloques clásicos a Gutenberg en bloque en WordPress
• Los mejores temas de WordPress compatibles con Gutenberg
• Reseña de Ultimate Blocks: ¿Es el plugin de bloques adecuado para ti?

Esperamos que este artículo te haya ayudado a aprender cómo importar/exportar tus bloques de Gutenberg de WordPress para usarlos en otros sitios web. También te puede interesar nuestra guía sobre cómo eliminar un bloque en WordPress y la comparación de relleno vs margen.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.