Precisa criar uma seção de membro da equipe com Elementor ?
Por detrás de um negócio de sucesso existe sempre uma equipa forte. Se você planeja criar um site para o seu negócio com Elementor, você pode adicionar facilmente uma seção de membro da equipe a uma página.
Seja a página inicial, a página sobre ou qualquer página que você deseja que os membros da equipe exibam. Elementor em si não tem um widget específico dedicado à criação de uma seção de membro da equipe. Você pode usar a combinação de widget de Imagem, widget de Título, widget Editor de Texto e widget Ícones Sociais para criar uma seção de membro da equipe.
Você também pode usar uma extensão complementar.
Três complementos Elementor que sugerimos para criar uma seção de membros da equipe são Complementos essenciais, Complementos felizes et JetElements. Esses complementos, respectivamente, vêm com um widget dedicado para criar uma seção de membro da equipe.
Neste artigo, vamos mostrar como criar uma seção de membro da equipe com Complementos felizes.
Como criar uma seção de membro da equipe no Elementor usando complementos felizes
Antes de começar, certifique-se de ter instalado e ativado o complemento Happy Addons. Você pode baixe a versão gratuita do Happy Addons no diretório de WordPress Plugin. Quando estiver pronto, crie uma página ou modelo onde deseja adicionar a seção de membro da equipe e edite-a com o Elementor.
Descubra também: 7 maneiras criativas de usar o Elementor Popup Builder
Adicione uma nova seção clicando no botão de adição na caixa de edição do Elementor. Selecione uma estrutura de coluna com base nos membros da equipe que você deseja adicionar. Neste exemplo, usaremos a estrutura de três colunas.
Arraste o widget Membro da Equipe da equipe para uma das colunas na seção que você acabou de adicionar acima.
Em seguida, vá para o painel esquerdo para editar o conteúdo. Você pode editar o conteúdo na guia Contente. Existem 3 blocos que você pode abrir para editar o conteúdo:
- Dados Pessoais
Este é o bloco que você pode abrir para editar o conteúdo principal do membro da equipe. Você pode adicionar a foto, o nome, o cargo e a descrição do membro da equipe. Um pequeno conselho. Se você deseja exibir a foto de um membro da equipe em formato arredondado, pode carregar uma foto quadrada em vez de um retângulo.
Redes Sociais
Você pode abrir este bloco para adicionar as contas de mídia social dos membros da sua equipe. Você pode simplesmente abrir um perfil de mídia social existente (clicando nele) para editá-lo. Para adicionar um novo, você pode clicar no botão ADICIONE UM ELEMENTO. Se você deseja desativar os perfis de mídia social, pode desativar a opção Mostrar perfis.
- Botão Detalhes
Você pode abrir este bloco se quiser ativar o link de detalhes. Caso contrário, você pode ignorá-lo.
Personalização dos perfis dos membros da equipe
Assim que terminar de editar o conteúdo, você pode alternar para a guia Style para personalizar o perfil dos membros da equipe. Se você estiver usando a versão profissional do Happy Addons, pode escolher uma predefinição para obter instantaneamente um perfil de membro da equipe atraente.
Leia também: Como adicionar um controle deslizante de depoimento no Elementor
Se você estiver usando a versão gratuita do Happy Addons, você mesmo precisa personalizar o perfil dos membros da equipe. Existem 4 blocos que você pode abrir para fazer isso.
- Foto
Você pode abrir este bloco para definir o tamanho da foto do membro da equipe (largura e altura), definir preenchimento, tipo de borda, largura da borda e sombra da área. Para sua informação, por padrão, sua foto contém uma borda azul. Para removê-lo, você pode definir a largura da borda para 0.
- Nome, cargo e biografia
Você pode abrir este bloco para definir a tipografia (família da fonte, estilo da fonte, tamanho da fonte, etc.) do nome do membro da equipe, cargo e descrição (biografia). Você também pode definir a cor do texto para esses atributos.
- Ícones sociais
Você pode abrir este bloco para definir o tamanho dos ícones de mídia social, preenchimento, espaçamento, cor, raio da borda, cor de fundo, etc.
- Botão Detalhes
Se você ativar o link de detalhes (botão) na guia Contente, você pode abrir este bloco para personalizá-lo. Você pode definir coisas como tipografia do texto do botão, margem, preenchimento, raio da borda, cor do texto do botão, cor de fundo do botão, etc. Você pode usar um estilo diferente para cada estado (normal e apontando).
Depois de terminar com o perfil do membro da equipe na primeira coluna, você pode simplesmente copiá-lo para outras colunas e, em seguida, substituir o conteúdo (foto e texto). Isso vai economizar muito tempo. Você também pode duplicar a seção se quiser adicionar outros membros da equipe.
Obtenha o Elementor Pro agora!
Conclusão
Se você tiver alguma dúvida sobre como criar uma seção de membro da equipe com Elementor, por favordeixe-nos saber no Comentários.
No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.
...
