Widget para miembros del equipo Elementor

El widget Master Addons Team Member crea una tarjeta de perfil con una foto, nombre, designación, biografía corta e íconos sociales. Es gratuito, con 6 variaciones de diseño en el complemento gratuito (Básico Uno a Cinco y Redondeado) y 5 más Complementos maestros Pro. Elementor no tiene ningún widget propio para miembros del equipo, por lo que esto le permite apilar una imagen, encabezados y una lista de iconos a mano. Para una fila deslizante de personas, utilice el Control deslizante del equipo widget.

Cómo agregar una sección de miembros del equipo en Elementor

Necesita Elementor y el complemento gratuito Master Addons. El tutorial completo con una cuadrícula y un carrusel está dentro Cómo crear una sección de miembros del equipo en Elementor.

  1. Compruebe que Team Member esté activado en Complementos maestros, widgets.
  2. Agregue un contenedor y establezca su diseño en Grid con 3 o 4 columnas.
  3. Buscar Miembro del equipo en el panel Elementor y arrástrelo a la cuadrícula.
  4. Elija una variación de diseño, luego agregue la foto, el nombre, la designación y la biografía.
  5. Agregue íconos sociales en Perfiles sociales.
  6. Diseñe la primera tarjeta, luego duplíquela para cada persona e intercambie el contenido.
Variaciones del diseño de widgets de miembros del equipo en complementos maestros

11 variaciones de diseño (6 gratis, 5 profesionales)

Elija un diseño Variaciones de diseño en la parte superior de la pestaña Contenido. Básico Uno a Cinco y Redondeado son gratuitos. Circle Gradient, Circle No Gradient, Social Left on Hover, Social Right on Hover y Content on Hover necesitan Pro. Su nombre, foto, biografía e íconos permanecen en su lugar cuando cambia.

  • Gratis: Básico Uno, Básico Dos, Básico Tres, Básico Cuatro, Básico Cinco, Redondeado.
  • Pro: Circle Gradient, Circle No Gradient, Social Left on Hover, Social Right on Hover, Contenido on Hover.
  • Las variaciones flotantes muestran los íconos sociales o la biografía cuando un visitante señala la tarjeta.

Contenido del perfil e iconos sociales

En la pestaña Contenido, cargue el Imagen y elige el tamaño de su imagen. Rellenar Nombre, Designación y Descripción, luego configure Alineación de contenido. Bajo Perfiles sociales, active Mostrar perfiles sociales y haga clic en Agregar elemento para cada red. Cada elemento tiene un icono de la biblioteca de iconos de Elementor y un enlace. Los iconos sociales tienen su propia configuración de alineación.

  • Nombre, designación y descripción son campos de texto sin formato.
  • Agrega tantos íconos sociales como necesites, cada uno con su propio enlace.
  • Marque “Abrir en una ventana nueva” en un enlace si desea que se abra en una pestaña nueva.
Campos de contenido de widgets de miembros del equipo para nombres, designaciones, íconos biológicos y sociales
Tarjeta de miembro del equipo y controles de estilo fotográfico

Estilos de tarjetas, fotografías y textos

Estilos generales establece el color de fondo de la tarjeta, el radio del borde del artículo y la sombra del cuadro. Pulgar estiliza la foto con borde, radio del borde, acolchado y margen. Contenido agrega un fondo (color o degradado), borde, radio, relleno y margen al área del texto. Nombre, Designación y Descripción cada uno tiene color, tipografía, relleno y margen. Social establece el tamaño, el color y el fondo del icono para estados normales y flotantes.

  • Establezca el radio del borde del pulgar al 50% para una fotografía redonda.
  • El relleno y el margen responden, por lo que puedes apretar la tarjeta en el móvil.
  • La variación Redondeada agrega un segundo color de fondo para sus íconos sociales.

Widgets de Elementor principal frente al widget de miembro del equipo

Elementor Free y Pro no tienen widget para miembros del equipo. Puede crear una tarjeta a partir de una imagen, un encabezado, un editor de texto y un widget de iconos sociales. Así es como se compara eso.

TareaWidgets principales de ElementorMiembro del equipo de complementos maestros
Widgets por tarjeta4 o más dentro de un contenedor1
Diseños listosNinguno, diseñas cada tarjeta6 gratis, 11 con Pro
Revelación flotante de íconos o biografíaNecesita CSS personalizadoVariaciones pro-hover
Colores de marca de iconos socialesSí, en el widget de Iconos socialesUn conjunto de colores para todos los iconos
Libertad de diseñoCompleto, cualquier orden de widgetsOrden fijo dentro de la variación elegida

Widgets relacionados: Control deslizante del equipo para un carrusel de personas, Cuadro de información para tarjetas de icono y texto, y Caja abatible para cartas con reverso.

Visor de plantillas
Facebook
Gorjeo
WhatsApp
Copiar enlace
Compra ahora
Tarjetas de equipo de retrato circular
Tarjetas de equipo de retrato circular
Filas de mesa del directorio
Filas de mesa del directorio
Mosaico de retrato de Bento
Mosaico de retrato de Bento
Tarjetas de perfil de arco escalonadas
Tarjetas de perfil de arco escalonadas
Cuadrícula del equipo de imágenes divididas
Cuadrícula del equipo de imágenes divididas
Tarjetas de equipo del panel superpuesto
Tarjetas de equipo del panel superpuesto
Perfiles de proceso de línea de tiempo
Perfiles de proceso de línea de tiempo
Fila de analistas en caja
Fila de analistas en caja
Miembro del equipo - Variación uno
Miembro del equipo - Variación uno
Miembro del equipo - Variación dos
Miembro del equipo - Variación dos
Miembro del equipo - Variación tres
Miembro del equipo - Variación tres
Miembro del equipo - Variación cuatro
Miembro del equipo - Variación cuatro
Miembro del equipo - Variación cinco
Miembro del equipo - Variación cinco
Miembro del equipo - Gradiente del círculo de variación (Pro)
Miembro del equipo - Gradiente del círculo de variación (Pro)
Miembro del equipo - Círculo de variación sin gradiente (Pro)
Miembro del equipo - Círculo de variación sin gradiente (Pro)
Miembro del equipo - Icono social de variación en Left Hover (Pro)
Miembro del equipo - Icono social de variación en Left Hover (Pro)
Miembro del equipo - Variación redondeada
Miembro del equipo - Variación redondeada
Miembro del equipo - Contenido de variación en Hover (Pro)
Miembro del equipo - Contenido de variación en Hover (Pro)

Preguntas frecuentes para miembros del equipo

Conozca las consultas más frecuentes que tienen los usuarios sobre Team Member y encuentre respuestas en un solo lugar.
¿Cómo creo una cuadrícula o lista completa del equipo con este elemento?

Cada widget es una persona. Agregue un contenedor, establezca su diseño en Grid con la cantidad de columnas que desee y coloque un widget de miembro del equipo en cada celda. Estila la primera tarjeta y duplícala para que cada tarjeta coincida.

Ambas son variaciones Pro con una foto redonda. Circle Gradient dibuja una forma de color detrás de la foto. Circle No Gradient tiene un fondo transparente sin forma.

El widget no tiene campo de enlace para el nombre o la foto. Sólo los iconos sociales toman enlaces. Para que se pueda hacer clic en toda la tarjeta, utilice la gratuita Enlace envolvente extensión en el widget.

¿el perfil responde en dispositivos móviles?

Sí. La tarjeta escala con su columna y las configuraciones de relleno y margen responden. Configure la cuadrícula en una columna en el móvil en la configuración del contenedor para que las tarjetas se apilen.

Sí. Es parte del complemento gratuito Master Addons con 6 variaciones de diseño y todos los controles de contenido y estilo. Master Addons Pro agrega 5 variaciones más: Circle Gradient, Circle No Gradient, Social Left on Hover, Social Right on Hover y Content on Hover.

No hay límite fijo. Los perfiles sociales son un repetidor, así que haga clic en Agregar elemento para cada red. La mayoría de las tarjetas se ven mejor con tres a cinco íconos.

Widgets y extensiones de Elementor de tendencia

Cree sitios web sofisticados en menos tiempo.

Master Addons Extensión Glassmorphism para Elementor: tarjetas de vidrio esmerilado con el control Blur Value configurado en 20px

Vidriomorfismo

Inicio Extensión de Glassmorphism Elementor gratuita: Efecto del vidrio esmerilado en un solo cambio El Glassmorphism es el esmerilado...
Ver detalles
Extensión Master Addons Container Extras para Elementor: contenedor con un límite de ancho máximo de 1400px, con controles de ancho máximo, alto máximo, ancho mínimo y alto mínimo

Extras de contenedores

Inicio Elementor Container Controles de ancho y alto máximo Container Extras es un maestro gratuito...
Ver detalles
Extensión de patrones de complementos maestros para Elementor: héroe con el estilo Purple Gradient Grid Left, tres estilos de patrones más y el panel Habilitar patrón

Patrones

Inicio 70+ Patrones de fondo de Elementor gratuitos Patrones es una extensión de complementos maestros gratuita que agrega...
Ver detalles
Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]

Duplicador de publicaciones/páginas

Inicio Duplicar páginas y publicaciones de Elementor en un clic Publicación/Duplicador de páginas es un maestro gratuito...
Ver detalles
Extensión de la barra de progreso de lectura de complementos maestros para Elementor: barra azul llena al 42% en la parte superior de una página de política de privacidad, con configuraciones de habilitar, colocar, altura y llenar color

Barra de progreso de lectura

Inicio Agregue una barra de progreso de lectura en WordPress (Elementor) La barra de progreso de lectura es gratuita...
Ver detalles