Adicionar localização atual a um site do Weebly é um processo simples que envolve a personalização do código HTML/CSS do seu site. Breadcrumbs são os elementos de navegação que fornecem uma hierarquia da localização da página atual em seu site. Veja como você pode adicionar localização atual ao seu site do Weebly:

Etapa 1:editar HTML/CSS
Abra o editor do site do Weebly e vá para a página onde deseja adicionar localização atual.
Clique em "Editar HTML/CSS do site" no menu "Configurações".

Etapa 2:insira o snippet de código
No editor HTML/CSS, localize a tag `` e insira o seguinte trecho de código antes dela:

```html

```
Este código cria o elemento contêiner para a localização atual e adiciona o link inicial.

Etapa 3:personalize o link inicial
Substitua o texto “Home” e o link “/” no código pelo texto e URL da página inicial do seu site real.

Etapa 4:adicionar links adicionais
Para adicionar links adicionais à localização atual, acrescente mais ` Elementos

` com tags `` dentro do elemento `#breadcrumbs-list`, assim:

```html

Categoria

Subcategoria

Nome do produto

```
Isso criará trilhas que mostram a hierarquia da página inicial até a página do produto atual.

Etapa 5:estilize a farinha de rosca
Adicione estilos CSS aos elementos `#breadcrumbs` e `#breadcrumbs-list` para controlar a aparência da localização atual.

Por exemplo:

```css
#pão ralado {
plano de fundo:#e5e5e5;
preenchimento:10px;
}
#lista de migalhas de pão {
exibição:flexível;
}
#lista de migalhas de pão li {
margem direita:10px;
}
```
Isso estilizará a localização atual como uma lista horizontal com preenchimento e um fundo cinza claro.

Etapa 6:Salvar alterações
Clique no botão "Salvar" para salvar suas alterações.

Agora, seu site do Weebly terá trilhas que exibem a hierarquia da localização da página atual.

Lembre-se de que você pode personalizar ainda mais a aparência e a funcionalidade da localização atual, modificando o código HTML e CSS de acordo com suas necessidades específicas e preferências de design.