Guias
Organize suas informações em guias limpas e interativas O elemento Master Addons Advanced Tabs permite que você apresente seu conteúdo de uma maneira estruturada e envolvente que economiza espaço e melhora a experiência do usuário Escolha entre várias predefinições de estilo, controle todos os detalhes visuais e preencha cada guia com qualquer coisa, desde texto simples até modelos salvos inteiros Se você está exibindo recursos do produto, criando um FAQ ou construindo um guia passo a passo, essas guias avançadas oferecem flexibilidade e controle para fazê-lo lindamente.
Predefinições e layouts de vários estilos
Inicie o seu design com predefinições de estilo integradas Escolha entre guias horizontais (navegação superior clássica) ou guias verticais (navegação lateral).Ative a borda ativa esquerda para um indicador elegante ou use a predefinição Conteúdo tabular para uma aparência em caixa Cada predefinição é um ponto de partida que você pode personalizar infinitamente para atender às necessidades de sua marca e layout.
- Layouts horizontais e verticais: escolha a direção da guia que melhor se adapta à sua estrutura de conteúdo.
- Predefinições visuais: selecione imediatamente entre os pontos de partida projetados para uma aparência profissional.
- Orientação flexível: alterne entre abas horizontais e verticais sem começar do zero.
Vá além do texto com modelos salvos
Por que limitar suas guias a texto simples Cada guia pode conter um Tipo de Conteúdo diferente: Editor de Texto simples, uma Seção Salva, um Widget Salvo ou até mesmo um Modelo de Página Salva inteiro Isso significa que você pode colocar uma tabela de preços complexa, um formulário de contato, uma galeria de imagens ou qualquer outro bloco de conteúdo pré-projetado em uma guia É como ter várias páginas em uma, sem a desordem.
- Integração de modelo: insira qualquer modelo Elementor salvo em uma guia para possibilidades ilimitadas de design.
- Design consistente: reutilize suas seções e widgets existentes para manter uma aparência coesa.
- Perfeito para comparações: use guias para alternar entre diferentes especificações de produtos, planos de preços ou listas de recursos.
Estile as guias e o conteúdo de forma independente
Obtenha uma aparência perfeita e polida estilizando cada parte das guias Projete o contêiner de guias e a área Conteúdo separadamente Para as guias, controle os estados Normal e Ativo com diferentes cores, fundos, bordas e tipografia Ajuste a lacuna entre as guias e o tamanho do ícone Para a área de conteúdo, estilize o fundo, o preenchimento, as margens e a tipografia Esse nível de controle garante que suas guias pareçam integradas e profissionais.
- Estilo baseado em estado: defina cores, planos de fundo e bordas exclusivos para guias ativas e inativas.
- Suporte a ícones: adicione ícones às suas guias e controle seu tamanho e posição.
- Design da área de conteúdo: Estile o contêiner de conteúdo para combinar com a estética do seu site.
Escolha Como as guias respondem aos usuários
Decida como os usuários interagem com suas guias Defina o Efeito Tab para Clique (tradicional) ou Passe o mouse (para uma navegação mais rápida).Você também pode definir uma guia ativa padrão e controlar a velocidade de transição Essa flexibilidade permite que você crie a experiência exata do usuário desejada, seja para uma vitrine de produtos em ritmo acelerado ou um guia passo a passo cuidadoso.
- Clique ou Passe o mouse: escolha o gatilho que melhor se adapta ao seu conteúdo e experiência do usuário.
- Guia Ativo Padrão: Defina qual guia está aberta quando a página for carregada.
- Transições suaves: controle a velocidade da animação ao alternar entre guias.
Perguntas frequentes para guias
Posso usar ícones e texto nos títulos das guias?
Sim, você pode Ao adicionar uma guia, você pode escolher um Tipo de ícone (ícone, imagem ou nenhum) e, em seguida, selecionar um ícone da biblioteca de ícones O ícone pode ser posicionado à esquerda do texto, e você pode controlar o tamanho e o espaçamento dos ícones nas configurações de estilo.
Como faço para que as guias fiquem bem no celular?
O elemento Tabulações avançadas é totalmente responsivo No celular, as guias podem ser empilhadas verticalmente ou se tornar uma lista horizontal rolável, dependendo de suas configurações Você pode ajustar a tipografia, o preenchimento e as margens para celular especificamente no modo responsivo do Elementor.
Qual a diferença entre a predefinição "Conteúdo Tabular" e as demais?
A predefinição Conteúdo Tabular normalmente dá à área de conteúdo da guia um fundo, borda e preenchimento distintos, fazendo com que pareça uma caixa conectada às guias É uma aparência mais estruturada e contida em comparação com os estilos clássico de sublinhado ou borda esquerda.
Posso vincular uma guia a um URL externo ou outra seção da página?
O elemento Tabulações avançadas é projetado para alternar conteúdo dentro do widget Para vincular a URLs externos ou seções de página, talvez seja necessário uma solução diferente, como um menu de navegação ou links âncora No entanto, você pode colocar um botão com um link dentro do conteúdo da guia.
É possível ter mais de um conjunto de guias em uma página?
Sim, você pode adicionar vários widgets de guias avançadas em uma única página Cada função de forma independente Isso é útil se você tiver vários grupos de conteúdo que deseja organizar em guias.
Como funciona a predefinição "Left Active Border"?
A predefinição de Borda Ativa Esquerda normalmente destaca a guia ativa com uma borda colorida ou fundo no lado esquerdo É um visual moderno e limpo que funciona bem para guias verticais ou até horizontais, se você quiser um indicador distinto.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
Duplicador de postagem/página
