Editor do Wix Studio: gerenciar os estilos do site
8 min de leitura
Gerencie os estilos de texto, cores, transições de página e largura máxima do site em um só lugar. Criar um tema para o site do seu cliente é uma maneira prática e eficaz de economizar tempo e garantir que o design seja consistente.
Como faço para acessar os estilos do site?
Neste artigo, confira:
Editar as fontes e os estilos de texto
Personalize o texto usado em todo o site para que ele combine com o visual que você deseja alcançar. Você pode alterar as fontes do site ou ajustar a aparência dos 9 estilos de texto individuais (6 cabeçalhos, 3 parágrafos).
Qual é a diferença entre os estilos de Fonte e de Texto?
Dica:
Cabeçalho 1 - Cabeçalho 6 são tags de cabeçalho que são atribuídas automaticamente a esses títulos. Manter a hierarquia descendente de seus títulos, de acordo com as tags de cabeçalho, ajuda o SEO e a acessibilidade.
Para atualizar um estilo de tipografia:
- Clique em Estilos
no lado esquerdo do Editor. - Escolha o que você deseja personalizar: uma fonte ou um estilo de texto:
Fontes
Estilos de texto
.
no canto superior esquerdo.
Adicionar estilos de texto a uma página
Os cabeçalhos e parágrafos temáticos estão disponíveis para você usar no painel Elementos. Clique em Texto e arraste o estilo relevante em Temas de texto para o local desejado.
Aplicar um estilo a um elemento de texto
Você também pode aplicar um estilo a um elemento de texto existente na página. Clique em Editar texto no elemento e selecione o estilo relevante no dropdown Estilo no painel Inspetor.
Sobrepor estilos de texto
Se você alterar o design de um elemento de texto após selecionar um estilo (tema) para ele, você está criando uma "sobreposição do design". Isso significa que quaisquer atualizações do estilo escolhido não se aplicam a este elemento de texto.
Você pode redefinir elementos de texto com sobreposições ao seu estilo original. Além disso, você também pode aplicar as sobreposições que preferir ao próprio estilo. Passe o mouse sobre Estilo e clique no ícone Mais ações 
para selecionar o que você quer fazer.
para selecionar o que você quer fazer.
Alterar as cores do site
Defina as cores do tema do site. As cores de tema são divididas em categorias, para que você possa ajustá-las para partes específicas do site. Personalize o intervalo geral de uma categoria ou um tom específico em um intervalo.
Qual é a diferença entre intervalos de cores e cores?
Dica:
Essa ação afeta instantaneamente os elementos com a cor que você deseja alterar. Por exemplo, todos os elementos temáticos que você adicionou ou outros elementos nos quais você usou essa cor.
Para alterar as cores do site:
- Clique em Estilos no lado esquerdo do Editor.
- Escolha o que você deseja ajustar: um intervalo de cores ou uma cor individual:
Editar um intervalo de cores
no intervalo relevante.
para selecionar uma nova cor em qualquer parte da tela.
Editar uma cor específica no intervalo
Adicionar uma transição de página
Adicione uma transição de página para tornar a experiência de navegação mais envolvente para os visitantes. Depois de escolher uma transição no painel Estilos, ela aparece em todas as páginas do site.
Para adicionar uma transição de página:
- Clique em Estilos no lado esquerdo do Editor.
- Clique em Transições de página.
- Selecione uma transição da lista:
- Nenhuma: nenhuma transição é mostrada quando os visitantes se movem entre as páginas.
- Out-in: a página atual desaparece gradualmente e a nova página aparece.
Perguntas frequentes
Selecione uma pergunta para saber mais sobre estilos de site.
O que a edição de uma única cor/intervalo de cores faz?
O que acontece quando eu atualizo os estilos/fontes de texto?
Esse artigo foi útil?
|