Dar cores próprias a partes do teu site
Adiciona esquemas de cores ao lado das tuas cores principais e escolhe que secções de cada página os usam.
Para proprietários e administradores de equipas · 6 passos
Do que precisas primeiro
- A tua equipa tem uma subscrição de site e já escolheu um modelo — vê Escolher um modelo e o seu aspeto.
- És o proprietário ou um administrador da equipa.
Passos
Passo 1: Abre o Aspeto
No menu à esquerda, carrega em Modelo e depois em Aspeto, no canto superior direito.
Deves ver: o formulário Aspeto, com uma imagem do teu site em tempo real ao lado.
Passo 2: Adiciona um esquema de cores
Em Esquemas de cores, carrega em Adicionar um esquema Claro. As tuas cores acima são o Principal; podes adicionar até mais três esquemas. O botão oferece primeiro um esquema Claro, depois uma Faixa de destaque e depois uma cópia do Principal para começares.
Deves ver: um novo esquema com o seu nome, as suas cinco cores e o seu próprio texto 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 teu esquema Claro assim que tiveres um — o resto do site fica no Principal até escolheres outra coisa.
Passo 3: Define as cores do esquema
Escreve um nome para o esquema e muda as cores que quiseres, tal como mudas as do Principal. Cada cor que tem texto mostra um número como 7.2:1 · fácil de ler; abaixo do mínimo, indica o tom que os visitantes vão ver e oferece Tornar legível.
Deves ver: o nome do esquema no menu de cada secção, mais abaixo.
Passo 4: Escolhe um esquema para uma secção
Em Secções, encontra a parte do site que queres mudar — estão listadas por página, desde Todas as páginas (a navegação e o rodapé) até Início, Loja e as restantes — e escolhe um esquema no menu dessa parte. Predefinido segue o Principal, ou o teu esquema Claro na loja, nos produtos e no carrinho. Também podes clicar numa parte da imagem em tempo real para encontrares a linha dela.
Deves ver: a imagem em tempo real mudar para essa página, com a parte destacada e desenhada no esquema que escolheste.
Passo 5: Guarda
Carrega em Guardar no fundo do formulário.
Deves ver: «Aspeto guardado». Os visitantes ainda não veem as alterações — as alterações guardadas ficam no teu rascunho até publicares.
Passo 6: Publica o teu site
No menu à esquerda, carrega em Publicar e publica — vê Publicar o teu site.
Deves ver: Aspeto na lista de alterações e, depois de publicares, as secções nos seus esquemas.
Como saber se resultou
- Cada secção que escolheste aparece no teu site com o seu esquema.
- A loja e o carrinho estão no teu esquema Claro, ou no esquema que escolheste para eles.
Algo não parece estar bem?
Adicionar um esquema Claro está a cinzento
As cores do Principal vêm primeiro. Cada uma das cinco cores do Principal precisa de um código de cor completo, como #0a0a0a: corrige a que não tiver, e Adicionar um esquema Claro — ou Adicionar um esquema — volta a estar disponível.
A minha loja ficou clara assim que adicionei um esquema
As páginas da loja, dos produtos e do carrinho usam o teu esquema Claro por predefinição, para que os compradores leiam facilmente os preços e o carrinho. Para as manteres no Principal, define as linhas delas em Secções como Principal.
Removi um esquema — o que aconteceu às secções dele?
Voltaram à sua predefinição: o Principal, ou o teu esquema Claro na loja. Nada é apagado.
Escolhi uma predefinição e os meus esquemas mudaram
Cada predefinição traz os seus próprios esquemas Faixa de destaque e Claro, que substituem os que tinhas. As secções que usavam um esquema que a predefinição não tem voltam à sua predefinição. Se preferires manter os teus, volta a escolher as tuas cores em Esquemas de cores.
Uma secção que quero não está na lista
A lista mostra as partes que o teu modelo desenha. Alguns modelos desenham várias partes de uma página em conjunto; essas partes partilham uma linha.
A página de pagamento continua escura
O pagamento é uma página da própria Fourthwall. As cores dela vêm do tema da tua loja na Fourthwall — vê Abrir a loja da tua equipa.
Artigos relacionados
Continuas com dúvidas? Contacta o suporte ou envia um email para support@spawnfront.com — diz-nos em que página estás e o número do passo.