Quando você finalmente encontrar o layout WordPress perfeito, você não deve deixar que o esquema de cores errado impedi-lo de pegá-la. Enquanto as cores são definidas na folha de estilo layouts, ao contrário de em elementos gráficos, você será capaz de mudar o esquema de cores do seu layout. Para alterar a folha de estilo, você precisa ter uma compreensão básica do CSS e se sentir confortável modificar um documento de layout vital.
Determine o que você cores você quer usar- cópia ou anotar o código hexadecimal de seis dígitos associado com cada cor. Cada cor tem um código feito de seis letras e / ou usos brancos numbers- #FFFFFF enquanto o preto usa # 000000. Existem muitos sites diferentes dedicados a cores e combinações, como Colour Lovers ou YaflaColor.
Abra seu painel WordPress e ir para "Aparência" e depois "Editor." Isto irá mostrar a lista de todos os modelos e páginas relevantes para o seu site.
selecionar "Estilo (style.css)" a partir de baixo do "Styles" subtítulo. Dependendo do seu modelo específico a folha de estilo pode ter um nome diferente, mas terá sempre um tipo de arquivo "CSS."
Copie e cole todo o conteúdo inalteradas do documento de folha de estilo padrão. Você pode fazer isso clicando em qualquer lugar no editor de WordPress e pressionando "Ctrl" e "UMA" no teclado e, em seguida, pressionando "Ctrl" e "C." Abra um documento de texto vazio, cole o conteúdo da folha de estilo atual e salvar esta cópia no computador. Esta cópia será útil se você quebrar a folha de estilo e precisar reverter para as configurações padrão.
Volte para a tela editor do WordPress, e procure a folha de estilo para o "CORPO" tag. Será parecido com "BODY {" com uma série de atributos abaixo dela, seguido por um "}" placa. o "CORPO" seção é onde você mudar não só o fundo da imagem, mas também a cor do texto.
Localize o "fundo" atributo no "corpo" seção. Se o fundo é apenas uma cor, ela será formatada "background: # 000000-".
Mudar o "# 000000" ao que cor você deseja usar para o novo fundo. Para mudar a cor do texto, a localizar "cor" tag, formatado "color: # 000000-" e alterar o código hexadecimal para a cor de texto preferido. Para alterar as cores dos links, encontrar as tags que começam com "uma:" tal como "a: link {}," "a: visited {}," "a: hover {}" e "a: active {}" e alterar o código hexadecimal.
Encontrar o resto dos elementos que você deseja modificar. Como esses elementos são categorizados varia drasticamente entre os Web Designers um designer pode usar IDs para definir elementos (como "#header {}"), Enquanto outro pode apenas referir-se a elementos tais como "mesa { }". Qualquer elemento com um código de cor hexadecimal pode ser changed- a melhor maneira de aprender é experimentar com cautela.
Salve seu trabalho com freqüência usando o "A actualização dos ficheiros" botão abaixo do editor de texto no WordPress.
dicas & avisos
- Certifique-se de que as cores que você escolher para o seu site são complementares e não vai esticar os olhos dos seus visitantes.
- CSS e HTML são os ossos do seu site- um símbolo único ausente ou extraviado pode quebrar todo o seu layout. Tenha cuidado para editar somente os bits de seu site você sente mudança confortável.
- Cada WordPress desenvolvedor modelo faz o seu CSS apenas um differently- bit pouco a sintaxe do CSS é universal, pode ser um formato ligeiramente diferente para o seu layout específico.
Como adicionar css personalizado para um post wordpress