Como editar o fundo de comentários em um blog WordPress

WordPress é um sistema de gerenciamento de conteúdo que permite que você configure um site ou blog com rapidez e facilidade. O WordPress usa a Folha de Estilo em Cascata (CSS) para definir os elementos de design, cor, fonte, tamanho e mais para cada postagem ou página. Quando você conhece HTML, é um processo rápido para alterar ou editar o fundo de comentários em um blog WordPress - mas antes de fazer qualquer alteração, é uma boa ideia copiar a página CSS existente.

1

Faça o login no seu blog WordPress - insira o nome do seu site na barra de endereços e adicione "wp-admin" para fazer o login no seu site WordPress desta maneira: "//www.websitename/wp-admin."

2

Navegue até "Aparência" na barra lateral esquerda do menu do painel depois de efetuar login. Um menu pop-out é exibido. Mova o mouse para "Editor" e clique com o mouse uma vez que "Editor" esteja destacado.

3

Percorra a barra deslizante no lado direito da tela. A folha de estilo CSS é a última entrada à direita da tela "Editor".

4

Clique na folha de estilo, que aparecerá na janela para edição.

5

Selecione toda a área com o mouse. Clique com o botão direito e destaque a codificação na folha de estilo. Copie e cole em um arquivo do Bloco de Notas e salve-o antes de fazer qualquer alteração. Se você cometer um erro e precisar restaurar o CSS, ele será salvo para isso.

6

Role a tela para baixo até chegar à área marcada "Comentários".

7

Encontre a área em "Comentários" que indica "cor de fundo" e altere a cor do plano de fundo inserindo uma nova cor hexadecimal na área apropriada da seguinte maneira: "background-color: # 1d8dcb;" Altere o "# 1d8dcb" para uma cor de escolha, como "# 990033" para Borgonha. (Consulte Referências para cartela de cores). Observe que as informações podem aparecer dentro de colchetes como {background-color: # 1d8dcb;).

8

Observe se a área de segundo plano usa uma imagem em vez de uma cor. Se a área na seção "Comentários" disser "background-image: url (images / comment-bg.gif)" por exemplo, para alterar o plano de fundo, faça o upload de uma nova imagem para o servidor Web e o arquivo de imagem e substitua "url (images / comment-bg-gif) com a localização da nova imagem da seguinte forma: "url (images / yourfilename.gif). Isso requer alterar seu URL de acordo. Se você não quiser usar uma imagem, remova as informações da imagem de fundo e insira "background-color:" # 990033; "Não se esqueça de adicionar o ponto-e-vírgula no final de quando editar em CSS usando HTML.

Coisas necessárias

  • Códigos de cores hexadecimais
  • Códigos de cores RGB
  • Bloco de notas ou outro programa de edição de texto
  • Imagem (se necessário para o fundo)

Gorjeta

  • Alterar a cor de fundo é feito de três maneiras. A primeira maneira é usar o valor hexadecimal do número, conforme indicado nas etapas. A segunda maneira é usar o valor vermelho-verde-azul ou RGB, como "rgb (255, 0, 0)". A terceira maneira é usar um nome de cor como "azul".

Aviso

  • Não esqueça de fazer uma cópia do CSS antes de editar. É fácil esquecer de adicionar um ponto-e-vírgula, um colchete ou aspas quando necessário ao editar em CSS. Compare a folha editada com a codificação original para verificar erros.

Publicações Populares