Como usar o css para alterar um fundo do tema wordpress

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. Na folha de estilo (style.css), O fundo para o corpo é definido assim:

Video: Imagem, Background Ou Plano De Fundo – Veja Como Colocar, Inserir, Mudar ou Alterar - Tema Wordpress

body {background: # f1f1f1-}

O pano de fundo para o tag utiliza um código de cor hexadecimal de # f1f1f1, o que dá ao fundo uma cor cinza claro.

Você pode usar uma cor ou uma imagem para o estilo do fundo do seu site. Você também pode usar uma combinação de cores e imagens em seus fundos.

Como usar uma imagem como fundo do site

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 se parece com isso:

background: url (images / yourimage.jpg)

o url parte deste código puxa automaticamente no URL do seu site, para que você não tem que mudar a url parte para a sua URL.

Como mudar a cor de fundo

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

  1. No WordPress Painel, escolher Aparência → Editor.

    Video: Cómo modificar el estilo CSS de una plantilla WordPress

    A página Editar Temas abre.

  2. Em Selecionar tema para editar lista suspensa, escolha o tema que você deseja alterar.

  3. Clique no link de estilo na lista de modelos.

    o style.css modelo é aberto no editor de texto no meio da página Editar temas.



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

    Se você está aprimorando o tema padrão, isso é o que você está procurando:

    body {background: # f1f1f1-}

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

  5. editar o fundo Os valores da propriedade.

    Por exemplo, no modelo padrão, se você quiser mudar a cor de fundo para preto, você pode inserir

    background: # 000000-

    ou

    background: preto-

    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: preto, por exemplo.

  6. Clique no botão Atualizar Arquivo na parte inferior 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