En WordPress, Gutenberg ha surgido como una herramienta revolucionaria que ha cambiado la forma en que creamos y diseñamos contenido. Con su sistema de bloques, Gutenberg nos permite construir páginas y publicaciones de manera intuitiva y eficiente. Pero, ¿qué sucede cuando queremos reutilizar un bloque que hemos diseñado con esmero en otra página o incluso en otro sitio web? ¿Tenemos que recrearlo desde cero? ¡Para nada! Aquí es donde entra en juego la capacidad de exportar e importar bloques reutilizables Gutenberg.
En esta guía, vamos a explorar cómo podemos aprovechar esta funcionalidad para optimizar nuestro flujo de trabajo en WordPress. Aprenderemos cómo podemos guardar nuestros bloques favoritos y reutilizarlos cuando y donde queramos. Ya sea que seamos novatos en WordPress o expertos en Gutenberg, esta guía nos proporcionará las herramientas y el conocimiento necesarios para manejar nuestros bloques con confianza.
Así que, si estamos listo para llevar la experiencia con Gutenberg al siguiente nivel, ¡sigamos adelante!
Tabla de contenidos
¿Qué son los bloques reutilizables Gutenberg?
Antes de sumergirnos en el proceso de importación y exportación de bloques, es esencial entender qué son los bloques reutilizables de Gutenberg. Los bloques reutilizables son una característica poderosa de Gutenberg que nos permite guardar y reutilizar bloques o grupos de bloques en varias páginas y publicaciones.
En lugar de recrear un bloque desde cero cada vez que lo necesitamos, podemos guardar un bloque que hayamos diseñado y reutilizarlo con un par de clics. Esto no solo nos ahorra tiempo, sino que también asegura la coherencia en nuestro diseño.
Por ejemplo, supongamos que hemos creado un hermoso bloque de testimonios con un diseño personalizado y contenido específico. Nos encanta cómo se ve y queremos usarlo en varias páginas de nuestro sitio. En lugar de recrear este bloque en cada página, podemos guardarlo como un bloque reutilizable y luego insertarlo en cualquier página con solo unos pocos clics. Esto nos ahorra tiempo y nos asegura que el bloque dé testimonios se vea y funcione de la misma manera en todas las páginas.
Los bloques reutilizables de Gutenberg son una herramienta útil para optimizar nuestro flujo de trabajo en WordPress y mantener la coherencia en nuestro diseño. Ahora que entendemos qué son, ¡veamos cómo podemos exportar e importar estos bloques para usarlos en todo nuestro sitio y más allá!
¿Por qué exportar e importar bloques en Gutenberg?
La exportación e importación de bloques en Gutenberg es una característica que puede ser de gran utilidad para los usuarios de WordPress. Pero, ¿por qué querríamos hacerlo? Bueno, hay varias razones convincentes.
En primer lugar, la exportación de bloques nos permite reutilizar bloques o conjuntos de bloques en diferentes sitios web. Si hemos creado un bloque personalizado que nos encanta y queremos usarlo en otro sitio web de WordPress, podemos exportarlo y luego importarlo en el otro sitio. Esto nos ahorra tiempo y esfuerzo, ya que no tenemos que recrear el bloque desde cero.
Además, la importación de bloques puede ser útil si estamos trabajando en un equipo y queremos compartir bloques entre los miembros del equipo. Por ejemplo, si un miembro del equipo ha creado un bloque de testimonios impresionante, puede exportarlo y compartirlo con el resto del equipo. Los demás miembros del equipo pueden importar el bloque en sus propios sitios web de WordPress y usarlo como deseen.
Finalmente, la exportación e importación de bloques también puede ser útil para hacer copias de seguridad de nuestros bloques. Si hemos pasado mucho tiempo creando bloques personalizados, no queremos correr el riesgo de perderlos. Al exportar los bloques, podemos guardar una copia de ellos en nuestro ordenador o en un servicio de almacenamiento en la nube. Si algo sucede con nuestro sitio web, podemos importar los bloques desde la copia de seguridad.
La capacidad de exportar e importar bloques en Gutenberg nos ofrece una mayor flexibilidad y eficiencia en la gestión de nuestro contenido en WordPress. Ahora, veamos cómo podemos hacerlo.
¿Cómo crear un bloque reutilizable?
El uso de bloques reutilizables son una característica de Gutenberg que nos favorece en cuanto a tiempo y maniobrabilidad de la web, esta función es útil para elementos que van a ser recurrentes en nuestro sitio.
Si por ejemplo tenemos una página de productos y queremos incluir una imagen promocional ya creada, podemos exportar e importar en otras páginas que lo necesitemos. Sí queremos usar más de un bloque para nuestra página.
Para crear este bloque solo tenemos que ingresar en la configuración del bloque que queremos guardar, una vez allí seleccionamos la opción de añadir a los bloques reutilizables.
¿Cómo exportar un bloque reutilizable?
Una vez que hayamos creado y guardado nuestro elemento como bloque reutilizable, el siguiente paso es exportarlo. Para ello, solo hacemos clic en el botón “+” en la parte superior izquierda de nuestra página o entrada en el editor. Luego seleccionamos el icono que representa los bloques reutilizables.
Necesitamos gestionar los bloques reutilizables, para esto hacemos clic en el botón inferior de esta sección o bien podemos hacer esto por medio del menú general de la parte superior derecha donde encontramos el mismo panel que estamos buscando al hacer clic en el botón de “+”.
En la página que se carga, veremos una lista con todos los bloques que hemos convertido en bloques reutilizables. Desde esta lista, podemos exportar los bloques que deseamos migrar o solo tener como respaldo en nuestras computadoras. Para hacer esto, debemos dejar el cursor del mouse sobre el elemento y seleccionamos la opción de exportar como archivo JSON.
Esto hará que se descargue un archivo que guardara toda la información del bloque que estamos almacenando para luego usarla en la importación ya sea en otro dominio o tengamos apuntado nuestro WordPress a un subdominio.
Al seleccionar esta opción, se nos descargará un archivo JSON en nuestra computadora. JSON, que significa JavaScript Object Notation, es un formato de texto ligero y fácil de analizar para el intercambio de datos entre un servidor y una aplicación web. Aunque está basado en JavaScript, es independiente de este lenguaje.
Pero, dejando esto de lado, lo que debemos saber es que se descargará un archivo con el nombre de nuestro bloque reutilizable y la extensión .JSON en nuestra carpeta de descargas.
Si abrimos este archivo con cualquier editor de texto veremos como este posee la información del bloque que hemos exportado.
¿Cómo importar un bloque reutilizable?
Cuando queramos importar el archivo JSON que hemos descargado, necesitaremos subirlo a nuestra nueva página. Para hacerlo, volvemos a ingresar a la página de entradas o la página que estemos editando y accedemos al panel de gestión de bloques reutilizables. Una vez allí, seleccionamos el botón azul de la parte superior que indica importar el JSON.
Debemos buscar nuestro archivo y finalizar la importación haciendo clic en continuar, una vez finalizado el proceso veremos nuestro bloque en esta sección.
Una vez hemos hecho la importación de forma correcta ya podemos ingresar a nuestro panel de bloques en la página que queremos insertar este o estos bloques que hemos importado, para ello solo debemos hacer clic en el botón del “+” y seleccionar el bloque que necesitemos.
Conclusiones
En definitiva, el manejo eficiente de los bloques en Gutenberg, en especial la capacidad de exportar e importar bloques, puede ser un verdadero cambio de juego para nuestro sitio web en WordPress. No solo nos permite ahorrar tiempo y esfuerzo al reutilizar bloques personalizados en diferentes partes del sitio, sino que también nos permite mantener una consistencia estética y funcional en todas nuestras páginas.
Hemos explorado cómo los bloques reutilizables pueden ser una herramienta poderosa para crear secciones personalizadas. También hemos visto cómo la opción de exportar e importar bloques puede ser útil para sitios web multisitio, permitiendo mover bloques entre diferentes sitios con facilidad.
Pero, como siempre, la clave está en experimentar y encontrar la forma de trabajar que mejor se adapte a nuestras necesidades y las del sitio web. Así que animamos a que exploremos estas funcionalidades y descubramos cómo pueden ayudar a optimizar el trabajo en WordPress.
Recordemos que si surge alguna duda o necesitamos ayuda, siempre podemos recurrir a nuestros foros de ayuda o soporte por medio de tickets.
¿Te ha resultado útil este artículo?
Equipo de soporte WordPress y WooCommerce en Webempresa.
