Editor X: adicionar e usar âncoras

3 min de leitura
O Editor X está em transição para o Wix Studio, nossa nova plataforma para agências e freelancers.Saiba mais sobre o Wix Studio
Adicione uma âncora a qualquer elemento para que você possa vincular diretamente a ele. Você pode usar âncoras de 2 maneiras:
  • Vincule elementos a elas: vincule elementos como botões ou itens de menu a âncoras. Isso significa que, em vez de colocar todas as informações em um local, você pode direcionar seus visitantes para diferentes locais em seu site com informações adicionais.
  • Mostre-as em um menu âncora: exiba todas as suas âncoras em um menu âncora flutuante para ajudar seus visitantes a navegar pelo seu site.

Saiba como:


Adicionando uma âncora

Adicione uma âncora a qualquer elemento em seu site, incluindo seções de página, contêineres e imagens. Após adicionar a âncora, dê um nome para que você possa reconhecê-la facilmente quando quiser criar um link para ela.

Para adicionar uma âncora:

  1. Clique no elemento em que você deseja adicionar uma âncora.
  2. Clique na seção Âncora no Inspetor no lado direito do Editor.
  3. Ative a alavanca Adicionar uma âncora.
  4. Insira o nome da âncora.
Não é possível adicionar uma âncora ao conteúdo mestre ou elementos anexados ao conteúdo mestre.

Adicionando um menu âncora

Mostre suas âncoras em um menu âncora flutuante que fica sempre visível quando seus visitantes rolam para baixo no seu site. Eles permitem que seus visitantes acessem diferentes partes do seu site ao clicar no nome da âncora no menu.
Dica:
Menus âncora são particularmente úteis em sites de página única que são muito longos e contém várias seções.

Para adicionar um menu âncora:

  1. Clique no ícone Adicionar na parte superior do Editor X.
  2. Clique em Menu e busca.
  3. Clique em Menus âncora.
  4. Clique em um menu para adicioná-lo ou arraste-o para o local relevante.

Vinculando a uma âncora

Após adicionar sua âncora, você pode adicionar vincular a elementos como imagens, botões, texto e muito mais. Quando os visitantes clicam nesses elementos, eles são direcionados para a âncora correspondente.

Para vincular um elemento a uma âncora:

  1. Clique no elemento que você deseja vincular.
  2. Clique no ícone Link .
  3. Clique em Âncora.
  4. Clique no dropdown Selecionar página e selecione a página que contém a âncora.
  5. Clique no dropdown Qual âncora nessa página? e selecione a âncora relevante.
  6. Clique em OK.

Usando âncoras com breakpoints

Ao criar seu site, você deve saber que seus elementos podem ficar em posições diferentes em breakpoints diferentes. Isso pode afetar os links criados para âncoras, pois eles podem não direcionar seus visitantes para o mesmo local do seu site em todos os breakpoints.
Um elemento só pode ser vinculado a uma âncora em todos os breakpoints. Isso significa que se um botão estiver vinculado à Âncora 1, ele deve estar vinculado à Âncora 1 em todos os breakpoints. Você não pode remover um link de âncora em apenas um breakpoint.
Visualize seu site:
Teste todos os seus links para âncoras em cada breakpoint para ter certeza de que eles funcionam como você espera.

Esse artigo foi útil?

|