Secciones de Equipo o colaboradores en el editor de bloques de Waclis

La categoría Equipo o colaboradores está pensada para presentar a las personas que forman parte de tu empresa, proyecto u organización, mostrando información como nombre, rol, imagen y, en algunos casos, enlaces a redes sociales.

Actualmente, Waclis incluye los siguientes bloques:

• Equipo 002

• Equipo 003

• Equipo 004

Cada uno propone una variación visual distinta, pero comparten la misma lógica de funcionamiento y edición.

Cómo insertar un bloque de Equipo o colaboradores

1️⃣ Accede al editor de bloques desde:

Configuraciones → Editar sitio → Menú → ícono de la paleta de pintor.

2️⃣ Haz clic en el ícono Sections.

3️⃣ Busca y despliega la categoría Equipo o colaboradores.

4️⃣ Selecciona el bloque deseado (Equipo 002, 003 o 004) haciendo clic en el botón “+”.

El bloque se insertará en el área de visualización del sitio.

Estructura general de los bloques de Equipo

Los bloques de equipo suelen estar compuestos por:

• Un contenedor principal.

• Tarjetas individuales por persona.

• Imagen del integrante.

• Texto (nombre, cargo, descripción).

• Íconos o enlaces a redes sociales (según el bloque).

Cada tarjeta funciona como un conjunto de elementos independientes que pueden editarse uno por uno.

Formas de editar los bloques de Equipo o colaboradores

Opción 1: Edición directa desde la visualización

1. Haz clic sobre el elemento que deseas modificar:

   • Imagen del integrante.

   • Nombre.

   • Cargo o descripción.

2. Se activará el panel Properties (ícono del engranaje).

3. Desde allí puedes:

   • Cambiar la imagen.

   • Editar textos.

   • Ajustar alineación, tamaños y estilos.

   • Modificar enlaces (por ejemplo, redes sociales).

Opción 2: Edición desde el Navigator

1. Abre el Navigator.

2. Localiza la estructura del bloque:

   • Section → Container → Card / Image / Text.

3. Selecciona el elemento específico del integrante que quieras editar.

4. El panel Properties se abrirá automáticamente.

Esta opción es ideal cuando el bloque tiene muchos integrantes y necesitas identificar rápidamente cada uno.

Opción 3: Edición desde el Code editor (nivel avanzado)

1. Abre el Code editor desde la parte inferior del editor.

2. Allí podrás:

   • Duplicar tarjetas de integrantes.

   • Reordenar la estructura HTML.

   • Ajustar clases o atributos específicos.

Agregar, duplicar o quitar integrantes del equipo

• Para duplicar un integrante, puedes:

  • Usar el Navigator y duplicar el contenedor correspondiente.

  • O hacerlo directamente desde el Code editor.

• Para eliminar un integrante, selecciona su contenedor y elimínalo.

• No hay un límite fijo de integrantes: puedes agregar tantos como necesites.

Buenas prácticas al usar bloques de Equipo

• Utiliza imágenes con proporciones similares para mantener coherencia visual.

• Mantén los textos breves y claros.

• Si incluyes redes sociales, verifica que los enlaces estén activos.

• Usa el mismo bloque para todo el equipo para mantener consistencia de diseño.

Importante a tener en cuenta

• Estos bloques son contenido estático.

• No se vinculan automáticamente a usuarios, empleados o datos dinámicos del sistema.

• Cualquier cambio se realiza manualmente desde el editor de bloques.