Dar cores próprias a partes do seu site
Adicione esquemas de cores além das cores principais e escolha quais seções de cada página usam cada um.
Para donos e admins de times · 6 passos
Do que você precisa antes
- Seu time tem uma assinatura de site e já escolheu um template — veja Escolher um template e o visual dele.
- Você é o dono ou um admin do time.
Passos
Passo 1: Abra a Aparência
No menu à esquerda, clique em Template e depois em Aparência, no canto superior direito.
Você deve ver: o formulário de Aparência, com uma prévia ao vivo do seu site ao lado.
Passo 2: Adicione um esquema de cores
Em Esquemas de cores, clique em Adicionar esquema Claro. As cores acima são o esquema Principal; você pode adicionar mais até três esquemas. O botão oferece primeiro um esquema Claro, depois uma Faixa de destaque e depois uma cópia do Principal como ponto de partida.
Você deve ver: um novo esquema com nome, cinco cores e seus próprios textos e superfícies, cada um com o mesmo número de legibilidade do Principal. As páginas da loja, dos produtos e do carrinho passam a usar o esquema Claro assim que você cria um — o resto do site continua no Principal até você escolher outro.
Passo 3: Defina as cores do esquema
Digite um nome para o esquema e mude as cores do mesmo jeito que você muda as do Principal. Toda cor que tem texto mostra um número como 7,2:1 · fácil de ler; abaixo do mínimo, ela mostra o tom que os visitantes vão ver e oferece Deixar legível.
Você deve ver: o nome do esquema no menu de cada seção abaixo.
Passo 4: Escolha um esquema para uma seção
Em Seções, encontre a parte do site que você quer mudar — elas aparecem por página, de Todas as páginas (navegação e rodapé) até Início, Loja e as outras — e escolha um esquema no menu dela. Padrão segue o Principal, ou o esquema Claro na loja, nos produtos e no carrinho. Você também pode clicar numa parte da prévia ao vivo para achar a linha dela.
Você deve ver: a prévia ao vivo mudar para essa página, com a parte destacada e desenhada no esquema que você escolheu.
Passo 5: Salve
Clique em Salvar no fim do formulário.
Você deve ver: "Aparência salva". Os visitantes ainda não veem as mudanças — elas ficam no seu rascunho até você publicar.
Passo 6: Publique seu site
Clique em Publicar no menu à esquerda e publique — veja Publicar seu site.
Você deve ver: Aparência na lista de mudanças e, depois de publicar, as seções nos esquemas escolhidos.
Como saber se deu certo
- Cada seção que você escolheu aparece no esquema dela no seu site.
- A loja e o carrinho estão no esquema Claro ou no esquema que você escolheu para eles.
Algo parece errado?
O botão para adicionar o esquema Claro está desativado
As cores do Principal vêm primeiro. Cada uma das cinco cores do Principal precisa de um código de cor completo, como #0a0a0a: corrija a que estiver incompleta e você poderá clicar de novo em Adicionar esquema Claro — ou em Adicionar esquema.
Minha loja ficou clara assim que adicionei um esquema
As páginas da loja, dos produtos e do carrinho usam o esquema Claro por padrão, para os compradores lerem preços e o carrinho com facilidade. Para mantê-las no Principal, mude as linhas delas em Seções para Principal.
Removi um esquema — o que aconteceu com as seções dele?
Elas voltaram ao padrão: o Principal, ou o esquema Claro na loja. Nada é apagado.
Escolhi um preset e meus esquemas mudaram
Cada preset vem com seus próprios esquemas Faixa de destaque e Claro, que substituem os que você tinha. As seções que usavam um esquema que o preset não tem voltam ao padrão. Se preferir manter as suas, escolha suas cores de novo em Esquemas de cores.
Uma seção que eu quero não está na lista
A lista mostra as partes que o seu template desenha. Alguns templates desenham algumas partes de uma página juntas; elas dividem uma linha só.
A página de checkout continua escura
O checkout é uma página do próprio Fourthwall. As cores dele vêm do tema da sua loja no Fourthwall — veja Abrir a loja do seu time.
Artigos relacionados
Ainda com dúvidas? Fale com o suporte ou mande um e-mail para support@spawnfront.com — diga em qual página você está e o número do passo.