header-logo
Primeiros passosConfira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.
Crie o seu siteAprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.
Conta e faturamentoRevise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.
Use os apps mobile do WixUse o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.
Conecte um domínioEntenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.
Gerencie o seu negócioEncontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.
Promova o seu siteConfira como promover seu site nos motores de busca, enviar campanhas de email e veicular anúncios pagos.
Wix Studio, Parceiros e empresasTire o máximo proveito da sua conta do Wix Studio, Parceiro Wix ou Wix Empresarial, para que você possa expandir seus negócios.
AjudaObtenha informações sobre como resolver os problemas técnicos e de desempenho do seu site. Além disso, acompanhe os próximos recursos em nosso roadmap de produtos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image
  1. Início
  2. Crie o seu site
  3. Use o Editor Wix
  4. Gerencie páginas e menus
  5. Menu
  6. Editor Wix: personalizar seu breadcrumb

Editor Wix: personalizar seu breadcrumb

Neste artigo
  • Alterar o layout dos breadcrumbs
  • Fazer o design de seus breadcrumbs
Após adicionar e configurar seu elemento de breadcrumbs, você pode personalizá-lo para que combine com o visual desejado. Selecione predefinições, ajuste o layout e personalize o design para incentivar os visitantes a continuar clicando e explorando seu site.
Importante:
Você precisa ativar o modo avançado do Velo no seu site para adicionar e personalizar breadcrumbs. O Velo permite que você use código em seu site para criar funcionalidades e interações personalizadas. 

Alterar o layout dos breadcrumbs

Ajuste o layout do seu breadcrumb para que ele se adeque ao alinhamento do seu site. Você pode alterar configurações como separadores, espaçamento e direção dos itens.

Para ajustar o layout do breadcrumb:

  1. Clique no elemento Breadcrumbs no seu editor.
  2. Clique no ícone Layout .
  3. Ajuste o layout usando as opções disponíveis:
    • Itens excedidos: escolha como exibir os itens no breadcrumb:
      • Quebrar texto: se os itens não couberem, outra linha será criada na trilha.
      • Recolher: os itens são exibidos em apenas uma linha. Se eles não couberem, mostraremos "...".
    • Mostrar separadores: ative a alavanca para mostrar separadores entre itens do breadcrumb e escolha o ícone que deseja usar: Seta ou Barra. 
    • Espaçamento horizontal: arraste o slider para alterar o espaçamento entre os itens.
    • Espaçamento vertical: arraste o slider para alterar o espaçamento acima e abaixo dos itens.
    • Alinhar itens: escolha como os itens são alinhados: à esquerda, ao centro ou à direita.
    • Exibir breadcrumbs de: escolha a direção em que os itens aparecem: Esquerda para direita ou Direita para esquerda.
Captura de tela do painel de layout do elemento breadcrumb.

Fazer o design de seus breadcrumbs

Selecione outro design do breadcrumb entre as opções disponíveis ou personalize-o ainda mais para criar uma maneira limpa e sofisticada de mostrar a hierarquia de suas páginas. Ajuste a aparência de todo breadcrumb com configurações como espaçamento, cor e tamanho.

Para personalizar o design:

  1. Clique no elemento Breadcrumbs no seu editor.
  2. Clique no ícone Design .
  3. (Opcional) Selecione outro design predefinido.
  4. Clique em Personalizar design.
  5. Escolha o que você deseja personalizar no menu dropdown:
O painel de design de breadcrumbs. A opção Itens está aberta.

Esse artigo foi útil?

|
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Começar
Neste artigo
  • Alterar o layout dos breadcrumbs
  • Fazer o design de seus breadcrumbs

Esse artigo foi útil?

|