Editor Wix: sobre abas
3 min de leitura
Neste artigo
- Organize seu conteúdo com abas
- Alinhe as abas para complementar o layout da página
- Personalize o design das abas
- Ajuste as abas para seu site mobile
- Perguntas frequentes
As abas são contêineres que você divide em exibições separadas. Você pode adicionar um conteúdo diferente a cada item da aba, e os visitantes podem clicar nelas para encontrar o que precisam.
Use o elemento Abas para mostrar uma variedade de informações e facilitar ainda mais o acesso dos visitantes as notícias e o conteúdo da sua marca.
Organize seu conteúdo com abas
Como as abas são contêineres interativos, você pode exibir elementos diferentes em cada item. Escolha o tipo de conteúdo ou as informações que você deseja mostrar e adicione elementos de acordo para configurá-los.
As abas são uma maneira útil de exibir conteúdo relevante em sua página/seção ou sobre o seu negócio. Por exemplo, uma seção "Fale conosco" pode incluir abas diferentes para o número de telefone, email, endereço comercial, etc. Saiba mais sobre como adicionar e configurar abas no seu site
![GIF do mouse passando sobre 4 abas diferentes.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/08/feaaaf4f-376b-497a-a753-0ab26a952428/f6affaaa-429d-477a-8eaf-54726d5c31c0.gif)
Alinhe as abas para complementar o layout da página
Após adicionar e configurar abas, altere o layout para criar uma estrutura coerente em sua página. Você pode ajustar o espaçamento entre o menu e o contêiner, escolher como exibir itens que não cabem no menu e muito mais. Saiba como alterar o layout das abas
![Captura de tela da aba no painel layout](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/01/ec401035-06e2-496a-a6e1-ee11f15605ea/3ac34425-c3f1-45dd-92ed-79ded9e77dc8.png)
Personalize o design das abas
Personalize cada parte do elemento de abas como desejar. Altere o background do contêiner, escolha uma fonte para os itens do menu e adicione sombras para dar às suas abas um efeito 3D legal.
Você pode usar as opções para criar abas que se harmonizam com o tema do seu site ou criar um contêiner criativo e atraente que se destaque em sua página. Saiba mais sobre como personalizar o design das abas
![Captura de tela de abas com o painel de design da aba.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/08/4ed87fcd-b1fa-4679-ab28-58788a9a305e/4f60488d-f113-412d-92f8-2181ea24d64f.png)
Ajuste as abas para seu site mobile
As abas que você adiciona no editor do desktop aparecem automaticamente no seu site mobile. Você pode escolher se deseja ocultar todo o contêiner de abas do seu site mobile ou personalizar seu layout, espaçamento e design para se adequar a telas menores.
As alterações feitas no mobile não afetam seu site para desktop, então você pode editar suas abas o quanto quiser para criar uma experiência fácil e interativa para usuários mobile. Saiba mais sobre como ajustar abas para mobile
![Captura de tela de abas com o painel de design da aba.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/08/6fa67856-4809-4506-a586-eef930d763c6/11a4bf16-c451-4b37-9caf-06d694d0d465.png)
Perguntas frequentes
Como faço para navegar entre itens da aba?
Posso alterar o tamanho dos itens da aba separadamente?
O que é uma aba padrão?