Desempenho do site: vendo um flash de cores à medida que os elementos carregam
5 min de leitura
Neste artigo
- Motivos do aparecimento da cor
- Alterar a cor do background das páginas do site
- Alterar a cor do background de seções, faixas e células
- Alterar a cor do background dos slides
Dependendo do seu criador de sites (Editor Wix ou Editor do Wix Studio), você pode aplicar imagens/vídeos de background a páginas, seções e outros elementos. O site online carrega primeiro a cor do background e, depois, a mídia do background.
A mídia do background geralmente é carregada rápido o suficiente para que os visitantes do site não vejam a cor do background. No entanto, ele pode aparecer brevemente em alguns casos. Alterar a cor do background dos elementos afetados pode reduzir a visibilidade dessa cor.
Neste artigo, confira:
Motivos do aparecimento da cor
Pode demorar mais para que os backgrounds de imagens e vídeos sejam carregados no site online. Se um visitante do site estiver usando uma conexão de Internet mais lenta, ou se a mídia do background for grande, uma cor pode aparecer antes que a imagem ou o vídeo sejam carregados.
Alterar a cor do background das páginas e elementos pode tornar essa cor menos visível. Recomendamos escolher uma cor o mais semelhante possível com a do vídeo/imagem para melhorar a experiência dos seus visitantes no site.
Alterar a cor do background das páginas do site
Se você adicionou uma imagem ou vídeo de background a uma página no seu site do Editor Wix, você pode alterar a cor do background no painel Design do site.
Você está usando o Editor do Wix Studio?
No momento, não é possível adicionar mídia a um background de página no Editor do Wix Studio, portanto você não precisa se preocupar com essa etapa.
Para alterar a cor do background da página:
- Vá para a página no seu editor.
- Clique em Design no lado esquerdo do Editor.
- Clique em Background da página.
- Clique na aba no canto superior esquerdo da visualização da imagem de background.
- Selecione o tom desejado entre as cores do tema do seu site, ou aplique/crie uma cor personalizada em Minhas cores.
![O background da página está aberto em Estilos do site. O cursor está clicando na aba de cor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/e04ace47-6626-4669-ba99-047f7d58a62e/7f1b4012-c636-4360-bac8-d92786b50892.jpg)
Importante:
Você pode aplicar essa cor a todas as páginas com o mesmo background de imagem/vídeo ao clicar em Aplicar em outras páginas na parte inferior do painel.
Alterar a cor do background de seções, faixas e células
Se você adicionou um background de imagem/vídeo a uma seção, você altera a cor do seu editor para que ela combine com o esquema de cores da mídia. Dependendo do criador de sites, você também pode alterar a cor das faixas ou células de grade.
Editor Wix
Editor do Wix Studio
Ao criar um site com o Editor Wix, você pode alterar a cor do background de seções e faixas em uma página.
Para alterar a cor do background de uma seção:
- Vá para o seu editor.
- Clique com o botão direito do mouse na seção relevante.
- Selecione Alterar background.
- Clique na aba no canto superior esquerdo da visualização da imagem de background.
- Selecione o tom desejado entre as cores do tema do seu site, ou aplique/crie uma cor personalizada em Minhas cores.
![O seletor de cores está aberto para as configurações do background de uma seção no Editor Wix.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/f3bf211c-4ad9-4fd0-877e-55a6947fd6ab/d6704910-2630-4977-90ae-b2d87fde7116.jpg)
Para alterar a cor de background de uma faixa:
- Vá para o seu editor.
- Clique na faixa.
- Clique em Alterar background.
- Clique na aba no canto superior esquerdo da visualização da imagem de background.
- Selecione o tom desejado entre as cores do tema do seu site, ou aplique/crie uma cor personalizada em Minhas cores.
![O seletor de cores está aberto para as configurações do background de uma faixa no Editor Wix.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/05dc2fd1-d522-4d76-8fdf-e39a05a532ed/3aed3151-754f-4b4f-9208-8ee8afb44447.jpg)
Alterar a cor do background dos slides
Os slideshows são uma maneira atraente e interativa de mostrar mídia e conteúdo em um site. Alinhe a cor do background dos slides com sua mídia para manter uma aparência profissional e coesa.
Você está usando o Editor do Wix Studio?
No momento, não é possível adicionar mídia a um background de item de slideshow ou personalizar itens de slideshow individualmente.
Para alterar a cor do background de um slide:
- Vá para o seu editor.
- Selecione o slideshow na página.
- Clique nas setas azuis para navegar para o slide relevante.
- Clique em Trocar background do slide.
- Clique na aba no canto superior esquerdo da visualização da imagem de background.
- Selecione o tom desejado entre as cores do tema do seu site, ou aplique/crie uma cor personalizada em Minhas cores.
![O seletor de cores está aberto para as configurações do background de um slide no Editor Wix.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/fefc5619-2754-4725-8cb6-197898cf2341/fa27dd04-5d91-4035-9695-703e228ccf86.jpg)