Websites & Apps

Explicación detallada de los Componentes Reutilizables (Reusable Blocks)

DROPIDEA Por Admin
May 31, 2025 290 vistas
DROPIDEA | دروب ايديا - Explicación detallada de los Componentes Reutilizables (Reusable Blocks)

El bloque reutilizable (Reusable Blocks) es una de las características importantes que trajo el editor de bloques para WordPress (Gutenberg). Te ayuda a crear diseños y formatos listos para usar en cualquier lugar (artículos, páginas, otros sitios de WordPress). Si tienes formatos o diseños que deseas usar repetidamente, como ciertos botones, texto específico o imágenes

O si deseas agregar una biografía del autor al final del artículo y mucho más. Puedes usar Reusable Blocks para crear este diseño o formato solo una vez y luego agregarlo en cualquier lugar con gran facilidad. Los bloques reutilizables son considerados una característica oculta en el nuevo editor de WordPress, pero te ahorran mucho tiempo y trabajo, y no requieren experiencia técnica para usarlos.

En este artículo hablaremos sobre cómo usar Reusable Blocks para crear un formato específico o crear un conjunto de bloques juntos. También aprenderemos sobre las características que ofrece y cómo exportarlo y usarlo en otros sitios de WordPress.

¿Qué es el bloque reutilizable (Reusable Blocks)?

El bloque reutilizable te permite crear un formato específico o diseño de bloque distinto de otros bloques de contenido, ya sea que contenga un elemento único o un conjunto de elementos, y guardarlo como bloque reutilizable; de esta manera lo diseñas una sola vez y lo usas más de una vez en cualquier página de tu sitio. Supongamos, por ejemplo, que tienes un texto específico que deseas repetir en todas tus páginas, o deseas colocar una imagen con un botón al lado y deseas repetirlo en todas tus páginas o artículos. Lo mismo ocurre con las publicaciones en redes sociales y otro contenido que deseas repetir más de una vez.

Lee también: Explicación del editor de bloques Gutenberg para agregar artículos y páginas Beneficios de usar bloques reutilizables Si eres propietario de un sitio web o blog, hoy debes aprovechar esta importante característica para ahorrar tiempo y esfuerzo.

Hay muchas cosas en tu sitio que necesitarás repetir más de una vez, ya sea en tus páginas o artículos. Entre las cosas más comúnmente repetidas están el inicio y el final de los artículos, donde necesitas, por ejemplo, agregar botones de redes sociales, agregar una biografía del autor, comentarios y otras cosas; usando Reusable Blocks, puedes diseñar eso solo una vez. Lo mismo ocurre con la creación de tablas, que es difícil de diseñar; después de hoy no necesitarás diseñarlas más de una vez.

También hay muchos elementos que puedes guardar una sola vez, como encuestas, formularios, pruebas, y luego usarlos y cambiar solo el contenido. Básicamente, diseñas solo una vez, luego guardas este diseño y lo usas donde deseas y luego puedes editar el contenido si lo deseas.

Cómo usar el bloque reutilizable

A través del editor de bloques de WordPress, puedes crear un bloque reutilizable, editarlo y exportar o importar bloques, también te proporciona una página para administrar y controlar los bloques reutilizables. Crearemos algunos ejemplos y los explicaremos gradualmente a lo largo del artículo para que aprendas paso a paso cómo crear un bloque reutilizable y cómo usarlo en otros artículos y páginas, así como cómo eliminar un bloque y cómo administrar y controlar los bloques. 1.

Crear un nuevo bloque reutilizable Por ejemplo: queremos crear un bloque reutilizable que consiste en un párrafo y un conjunto de botones para cuentas de redes sociales, de modo que podamos usar este bloque en todos los artículos. Primero, crearemos un nuevo párrafo haciendo clic en el signo (+) y luego agregando el bloque requerido, que sea un párrafo

El párrafo que queremos será así Luego crearemos botones para las redes sociales del blog o sitio web. Debes hacer clic en el signo (+) y luego seleccionar Button Group para agregar un conjunto de botones Luego puedes agregar la cantidad de botones que desees haciendo clic en (+) Luego puedes cambiar el nombre de los botones seleccionando el texto y cambiándolo También puedes controlar los botones seleccionando el botón que deseas diseñar y haciendo clic en

los tres puntos y seleccionando Mostrar más configuración. Se te mostrará una larga lista de opciones que te ayudarán a diseñar el botón, desde cambiar el color o controlar el texto, el tamaño, agregar efectos u otras muchas opciones.

Y así tenemos un bloque que anima al visitante a compartir el contenido a través de plataformas de redes sociales, y queremos usar este bloque como una plantilla lista que podamos llamar en cualquier página o artículo con un solo clic, en lugar de configurarlo de nuevo cada vez. Haremos esto seleccionando el contenido del bloque requerido y luego haciendo clic en los tres puntos y luego

Agregar bloques reutilizables

Después de eso, se creará el bloque reutilizable. Puedes cambiar el nombre del bloque haciendo clic en el menú de los tres puntos y seleccionando Mostrar más configuración, donde puedes cambiar el nombre (lo llamaremos Cuentas de redes sociales) desde aquí y hacer clic en Publicar para guardar el nuevo nombre Ahora tenemos un bloque reutilizable que consiste en un párrafo y un conjunto de botones, y podemos agregar este bloque en otras páginas o artículos con solo un clic, o también puedes exportarlo para usarlo en otros sitios web.

2. Llamar al bloque reutilizable en una página nueva Ahora podemos llamar a este bloque fácilmente abriendo un nuevo artículo, yendo a artículos

DROPIDEA

Esperamos que este artículo te haya aportado valor real. En DROPIDEA, siempre nos esforzamos por ofrecer contenido de alta calidad que te ayude a crecer y evolucionar en el espacio digital. Síguenos para más artículos y guías útiles.

Compartir artículo