Como mudar o seu fundo wordpress usando css

o

tag é simples marcação HTML. Cada tema WordPress tem essa tag, que define o conteúdo padrão global para cada página do seu site - o site do corpo. Nos vinte Quatorze estilo (style.css), O fundo para o corpo é definido assim:

Video: Curso de CSS - Aula 3 (Imagens de Fundo e Atributo Text)

body {background: # f5f5f5-}

O pano de fundo para o tag utiliza um código de cor hexadecimal de # f5f5f5 que dá ao fundo uma cor cinza. Você pode usar uma cor ou uma imagem (ou ambos) para o estilo do fundo do seu site:

  • Cor: O site W3Schools tem um grande recurso em códigos hexadecimais e nomes de cores em https://w3schools.com/HTML/html_colornames.asp.

  • Imagem: Você pode facilmente usar uma imagem como um fundo para o seu site por meio do upload da imagem para o imagens pasta no seu diretório do tema. Esse valor parece background: url (images /sua imagem.jpg). (Nota: o url parte deste código puxa automaticamente a URL do seu blog, para que você não tem que mudar a url parte para a sua URL.)

Você também pode usar uma combinação de cores e imagens em seus fundos.

No caso de algumas cores básicas, você não tem que usar o código hexadecimal. Para cores como branco, preto, vermelho, azul e prata, você pode apenas usar seus nomes - background-color: white, por exemplo.

Se você quer mudar a cor do seu tema de fundo, siga estes passos:

Video: Wordpress: Como Alterar A Cor Do Plano De Fundo Do Tema Hiero Ou Qualquer Outro Tema Wordpress

  1. No WordPress Painel, clique no link do Editor no menu Aparência.

    A página Editar Temas abre.

  2. Em Selecionar tema para editar menu drop-down, escolha o tema que você deseja alterar.

  3. Clique no link de modelo de estilo.

    o style.css modelo é aberto no editor de texto no lado esquerdo da página editar temas.



  4. Role para baixo no editor de texto até encontrar o corpo do seletor CSS.

    Video: Mudar cor de fundo ao passar o mouse

    Se você está aprimorando o tema padrão, esta seção é o que você está procurando:

    body {background: # f5f5f5-}

    Se você está ajustando um modelo diferente, o corpo do seletor CSS será semelhante.

  5. editar o fundo Os valores da propriedade.

    Video: Alterar cor do tema e plugins através do editor WordPress

    Por exemplo, no modelo padrão, se você quiser mudar a cor de fundo para preto, você pode usar um dos seguintes procedimentos:

    background: # 000000-

    ou

    background: preto-
  6. Clique no botão Atualizar arquivo no canto inferior esquerdo da página.

    Suas alterações são salvas e aplicadas a seu tema.

  7. Visite o site no seu navegador web.

    A cor do seu tema de fundo mudou.


Publicações relacionadas