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?

Importar y exportar patrones de bloques de WordPress te permite reutilizar tus diseños en páginas, publicaciones o incluso en diferentes sitios web, ahorrando tiempo y manteniendo la coherencia de tus diseños.

Aquí tienes el desglose rápido:

• 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 editas un patrón sincronizado, los cambios se aplican automáticamente a cada instancia de ese patrón en todo tu 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, necesitarás guardar el contenido que deseas 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 usando 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.

Mejores prácticas para administrar tus patrones de bloques de WordPress

Para aprovechar al máximo la importación y exportación de tus patrones de bloques de Gutenberg, sigue estos sencillos consejos.

Te ayudarán a mantenerte organizado, ahorrar tiempo y evitar dolores de cabeza, especialmente si trabajas en varios sitios o proyectos de clientes.

• Asigna nombres claros a los patrones: Usa nombres que describan el contenido o el propósito, como “CTA – Fondo oscuro” o “Carrusel de testimonios – 3 columnas.” Los nombres claros facilitan la búsqueda y administración de tus patrones más adelante.
• Haz copias de seguridad de tus patrones regularmente: Exporta tus patrones personalizados como archivos JSON y guárdalos en un lugar seguro. Esto te proporciona una copia de seguridad si algo sale mal o si los patrones se eliminan por error.
• Anota las dependencias de plugins: Si un patrón utiliza un plugin específico, como un constructor de formularios o un plugin de bloques avanzado, anótalo. Esto te ahorra tiempo al mover patrones a otro sitio.
• Prueba los patrones importados: Siempre verifica los patrones importados en el nuevo sitio para asegurarte de que todo se vea bien y funcione correctamente, especialmente los bloques dependientes de medios o plugins.
• Decide entre sincronizado y no sincronizado: Piensa de antemano si un patrón debe ser sincronizado (se actualiza automáticamente en todas partes) o no sincronizado (las ediciones solo afectan a esa instancia). Esta elección facilita el mantenimiento futuro.

Siguiendo estas mejores prácticas, mantendrás tus patrones de WordPress organizados, reutilizables y listos para usar en cualquier momento.

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, incluido 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 ver tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.