Faça o upload da imagem para a pasta do seu tema (wp-content/themes/nomedotema) modifique o arquivo style.css do seu tema inserindo:
body {
background: url('endereco/da/imagem.jpg') no-repeat scroll 0 0 transparent;
}
Criador do tópico
VZF
(@vzf)
Obrigado pela atenção.
MAS não deu certo. Segui as tuas instruções e a imagem desejada acabou ficando de fundo para TODA a página. E não somente para o “corpo central”, para o “índice”, para o “meio” da página (não sei como chamar esse local que se sobrepõe ao fundo – este aparece nas bordas de toda a página).
Enfim. Quero colocar uma imagem de fundo somente da caixa central da página. E não de toda ela. Como faço isso?
Obrigado pela atenção!
Criador do tópico
VZF
(@vzf)
Ricardo!
Deletei a imagem que eu havia subido em tema no FTP. E fiz o código HTML do Style.CSS voltar como estava antes dessa mudança por ti sugerida.
MAS a minha página perdeu a caixa do centro (onde aparecem postagens etc.). Não tem mais esse caixa sobreposta ao fundo. Agora o que antes era só fundo nas bordas passou a ser o fundo de TODA a página… Como faço pra voltar a como estava antes?
Obrigado!
Criador do tópico
VZF
(@vzf)
Graças à cópia que eu havia feito do código HTML, consegui restaurar a caixa central.
Assim, novamente pergunto: como faço pra colocar uma imagem de fundo de toda a caixa central da minha página? Substituiria a cor #87CEFA, que é o azul claro de cor de céu que está em toda a caixa de centro. A foto das nuvens e da asa de avião, no fundo da página (bordas), eu quero manter. Assim, essa caixa central (cujo nome técnico eu não sei) ficaria sobreposta ao fundo com foto de asa de avião e nuvens…
Aguardo a gentil dica.
OBRIGADO!
VZF,
você só tem que trocar o elemento HTML que faz referência. No exemplo que eu te passei, o fundo estava aplicado ao elemento <body>, por isso ele pegou toda a sua tela.
Para aplicar o fundo a um elemento qualquer, procure no HTML o ID ou classe desse elemento. Por exemplo:
Se seu HTML é:
<body>
<div id="corpoABC" class="corpo">
Conteúdo
</div>
</body>
e o css pode ser:
div#corpoABC {
background: url('endereco/da/imagem.jpg') no-repeat scroll 0 0 transparent;
}
ou
div.corpo {
background: url('endereco/da/imagem.jpg') no-repeat scroll 0 0 transparent;
}
o fundo vai ser aplicado somente ao elemento que vc designar, e não à página toda.
Criador do tópico
VZF
(@vzf)
Entendo quase nada de HTML. Então, pra evitar erros, por gentileza, pode ver abaixo o meu HTML atual e me dizer como ficaria pra mim colocar a imagem no fundo da área de texto?
Segue o meu HTML:
/* =Global
———————————————– */
body, input, textarea {
color: #373737;
font: 15px “Helvetica Neue”, Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: 1.625;
}
body {
background: #e2e2e2;
}
#page {
background: #87CEFA;
}
/* Headings */
h1,h2,h3,h4,h5,h6 {
clear: both;
}
hr {
background-color: #FFF;
border: 0;
height: 1px;
margin-bottom: 1.625em;
}
#page {
background: url('endereco/da/imagem.jpg') no-repeat scroll 0 0 transparent;
}
ps: isso que você postou não é o HTML, e sim o CSS do site. No caso acima, o CSS está alterando o fundo de página do elemento HTML com ID page. Se você procurar no código fonte, vai encontrá-lo assim:
<div id="page">
Conteúdo da página
</div>
Criador do tópico
VZF
(@vzf)
Caro Ricardo!
Obrigado pela gentil resposta.
MAS ainda não consegui colocar uma imagem no fundo da área de texto.
Em minha página, ela deve substituir o azul fraco de todo o fundo da área de texto (segue o endereço, se ajudar: http://www.pelapaz.com )
A minha dificuldade está em achar qual é o elemento cujo “background” eu tenho que mudar. Fiz tentativas, mas não adiantou.
Se servir pra algo, o tema da minha página é “twuntyeleven”.
Mais alguma dica de como encontrar o local pra colocar o endereço da imagem?
OBRIGADO!
Criador do tópico
VZF
(@vzf)
OBS:
E como se chama esse “elemento central” esse quadrado central daminha página que tem somente uma cor de fundo e onde eu quero colocar uma imagem de fundo?
Sabendo o nome desse elemento é que poderei conseguir colocar a imagem…
