Alterar imagem de fundo por página

Gostaria de ter uma imagem de fundo diferente de acordo com a PÁGINA (categoria)

Quando o usuário vai para o home.php , ligue para A, ele deve ter uma imagem de fundo, então, se eu enviá-los para uma página B, gostaria que a imagem de fundo mudasse.

Alguém pode orientar-me na direção certa para isso, por favor? Eu entendo que pode ser alcançado através de .css .

Solutions Collecting From Web of "Alterar imagem de fundo por página"

Sim, isso pode ser feito com CSS.

Eu fiz isso com páginas e postagens.

IMPORTANTE: os seguintes são exemplos básicos e precisarão ser testados e ajustados para seu uso. Se você notar algum erro aqui (com os exemplos básicos do CSS), publique uma nota sobre o erro.

Para páginas e postagens de identificação, vá para a página Páginas ou Mensagens e passe o cursor sobre o nome de qualquer página ou publicação. Enquanto voa, veja o canto inferior esquerdo do seu navegador e a ID da página será exibida na barra de status. Ou faça o que faço e use o plugin Catch IDs.

Para um uso de fundo em todo o site:

 body { background-image:url('example.gif'); background-repeat:no-repeat; background-attachment:fixed; } 

Para segmentar uma página:

 body.page-id-33 { background-image:url('example.gif'); background-repeat:no-repeat; background-attachment:fixed; } 

Para segmentar várias páginas:

 body.page-id-33, body.page-id-41, body.page-id-725 { background-image:url('example.gif'); background-repeat:no-repeat; background-attachment:fixed; } 

Para segmentar uma categoria:

 .category-CategoryName { background-image:url('example.gif'); background-repeat:no-repeat; background-attachment:fixed; } 

Para segmentar várias categorias:

 .category-CategoryName, .category-CategoryName-2 { background-image:url('example.gif'); background-repeat:no-repeat; background-attachment:fixed; } 

Para segmentar páginas do Arquivo:

 .archive { background-image:url('example.gif'); background-repeat:no-repeat; background-attachment:fixed; } 

Para segmentar um modelo personalizado para uma página, publicação ou uso de categoria:

 .page-template-name { background-image:url('example.gif'); background-repeat:no-repeat; background-attachment:fixed; } 

Em cada uma das instâncias acima, você pode simplesmente copiar o CSS e colá-lo novamente, alterando os IDs e o URL da imagem para alterar a imagem bg para diferentes páginas ou categorias.

REFERÊNCIAS

Desculpe – enquanto estou tentando ajudar e atribuir vários artigos de origem, as regras exageradas aqui impedem que eu poste mais de um link para as referências. Então eu escrevi uma publicação sobre isso e todas as referências estão na mesma publicação.

http://kb4wp.com/blog/use-css-to-target-pages-posts-and-categories/

Se não funcionar com uma postagem, experimente isso

 body.postid-number { your image }