Editor do Wix Harmony: personalizar o cabeçalho do site

Neste artigo

Personalizar o background do cabeçalho
Criar o design do cabeçalho
Ajustar o comportamento do cabeçalho
Ocultar o cabeçalho de uma página específica
Perguntas frequentes

O cabeçalho do seu site define o estilo de cada página, ajudando os visitantes a encontrar o que procuram e mostrando seu estilo pessoal. No Editor do Wix Harmony, você pode personalizar tudo, desde backgrounds e bordas até efeitos de rolagem, para que seu cabeçalho fique do jeito que você quiser.

Uma página do site no Wix Harmony, destacando o cabeçalho na parte superior

Personalizar o background do cabeçalho

Escolha o background que dá a aparência certa ao seu cabeçalho. Pode ser uma cor sólida, uma imagem ou até mesmo um vídeo em loop para dar mais energia. Ajuste as configurações até que seu cabeçalho combine perfeitamente com o seu estilo.

Para personalizar o background do cabeçalho:

Vá para o seu editor.
Selecione o cabeçalho.
Clique em Substituir background na barra de ação.
Escolha o tipo de background ao clicar no ícone relevante: Cor , Gradiente , Imagem ou Vídeo .
Configure o background do cabeçalho:

Background de cor

Background de gradiente

Background da imagem

Background de vídeo

Criar o design do cabeçalho

Depois de escolher o background perfeito, melhore o design do seu cabeçalho com alguns toques criativos. Adicione bordas, personalize os cantos, ajuste o espaçamento e inclua uma camada de sombras para destacar seu cabeçalho.

Para criar o design do seu cabeçalho:

Vá para o seu editor.
Selecione o cabeçalho.
Clique no ícone Todas as opções de design na barra de ação.
Escolha como personalizar o design do seu cabeçalho:
- Bordas : defina as bordas do seu cabeçalho para que ele se destaque, escolhendo a cor, a largura e o estilo.
- Cantos : deixe os cantos do cabeçalho mais quadrados ou redondos ao arrastar o slider em Raio. Clique no ícone Editar cantos individuais para personalizar o design de cada canto separadamente.
- Sombra : aplique sombra interna e externa para dar ao seu cabeçalho um efeito 3D interessante, definindo a posição, o desfoque, a cor e muito mais.
- Espaçamento : arraste o slider para adicionar espaço entre o cabeçalho e as bordas da tela. Clique no ícone Editar lados individuais para adicionar preenchimento apenas a lados específicos.

Um cabeçalho do site e o painel Design abertos, definindo a sombra para o cabeçalho

Redimensione seu cabeçalho:

Arraste a alça para alterar a altura do cabeçalho. Se houver muito espaço em branco na parte inferior do cabeçalho, clique duas vezes na alça para remover esse espaço.

Arrastando a alça na parte inferior de um cabeçalho para redimensioná-lo no Editor do Wix Harmony

Ajustar o comportamento do cabeçalho

Escolha se o cabeçalho se sobrepõe à próxima seção ou fica separado. A sobreposição cria um efeito moderno em camadas, enquanto manter as seções separadas dá um toque elegante e clássico. Escolha o estilo que melhor se adapta à personalidade do seu site.

Em seguida, dê vida ao seu cabeçalho com um efeito de rolagem que combina com o fluxo do seu site. Escolha se o cabeçalho se move com a página, permanece visível para facilitar o acesso ou desaparece e desaparece quando os visitantes rolam a página. Cada efeito cria uma experiência de navegação diferente para seus visitantes.

Para ajustar o comportamento do cabeçalho:

Vá para o seu editor.
Clique no cabeçalho.
Clique em Mudar comportamento na barra de ação.
Clique na alavanca ao lado de Sobrepor próxima seção:
- Ativada: o cabeçalho fica acima da próxima seção com uma separação clara entre eles.
- Desativada: o cabeçalho flutua sobre a parte superior da próxima seção, criando uma aparência em camada onde o conteúdo aparece atrás do cabeçalho.
Escolha um efeito de rolagem.
- Se move com a página: nenhum efeito de rolagem é aplicado. Quando os visitantes rolam a página para baixo, eles também se afastam do cabeçalho (ou seja, da parte superior da página).
  Observação: essa opção fica desativada ao configurar o cabeçalho para se sobrepor com a próxima seção.
- Fixo: o cabeçalho permanece na parte superior da página enquanto os visitantes rolam para cima e para baixo, dando a eles acesso fácil ao menu do seu site.
- Desaparece: quando os visitantes rolam pela página, o cabeçalho desaparece gradualmente. Quando os visitantes começam a rolar para cima, o cabeçalho aparece novamente.
- Desvanece: o cabeçalho desaparece lentamente quando seus visitantes rolam pelo site e reaparece quando eles começam a rolar de volta para o topo.
(Opcional) Visualize sua página para observar o efeito em ação.

GIF do painel Comportamento do cabeçalho no Wix Harmony, passar o mouse sobre os efeitos mostra uma visualização do efeito

Ocultar o cabeçalho de uma página específica

Você tem a liberdade de escolher se o cabeçalho aparece em todas as páginas do seu site. Por definição, o cabeçalho fica sempre visível para ajudar os visitantes a navegar facilmente, mas você pode ocultá-lo de páginas específicas sempre que quiser.