Ajustar Fundos WordPress site usando CSS

UMA Planilha em estilo cascata

(CSS) é uma folha de estilo que controla a aparência do conteúdo em um modelo de site. Cada tema WordPress que você usar em seu site usa um CSS que fornece estilo e talento de design para seus modelos. Alterar o conteúdo padrão do seu fundo website é feito modificando os componentes básicos do corpo do modelo que você está usando.

1

No painel do WordPress escolher AppearanceEditor para abrir editar temas.

Depois de selecionar o tema que você deseja trabalhar, a folha de estilo relacionada abre no modo de edição.

2

Role para baixo no editor de texto até localizar o indicador de 'corpo'.

No estilo, o fundo do corpo é definido pelo código de cor hexadecimal, como:

body {background: # f1f1f1-}

Seja cuidadoso. Salve uma cópia original da folha de estilo em um programa de texto, como o Notepad (Windows) ou TextMate (Mac), por isso, se necessário, você pode encontrar o CSS original e copiar e colá-lo de volta para o seu estilo.

3

Alterar o valor da propriedade de fundo usando códigos hexadecimais.

Faça a seguinte alteração:

body {background: # 000000-}

Isso vai mudar a cor do fundo do cinza claro ao preto. O site W3Schools tem um grande recurso em códigos hexadecimais de cores.

4

Alterar o valor da propriedade de fundo sem códigos hexadecimais.

No caso de algumas cores básicas, você não tem que usar o código de cor hexadecimal. Para cores como branco, preto, vermelho, azul e prata, você pode apenas usar o nome da cor em vez do código hexadecimal ..

5

Altere a propriedade de fundo para usar uma imagem.

Você pode facilmente usar uma imagem como um fundo para o seu site enviando a imagem em seu diretório do tema e usando o URL da foto no comando de fundo. A declaração de valor seria algo como:

body {background: url (images / yourimage.jpg)}
6

Atualizar alterações temáticos e de revisão.

Clique no botão arquivo de atualização na parte inferior da página. Suas alterações são salvas e aplicadas com o tema selecionado. Abra uma nova sessão do navegador, visite o seu site e rever suas alterações.

Semelhante

menu