Esses links baseados na raiz podem ser um pouco complicados no wordpress... mas vou tentar explicar:
vc tem o diretório base do WP:
wp-content
wp-includes
wp-admin
*vários arquivos
agora olhe pra url de cada página do wordpress do seu site:
home = www.meusite.com.br/
página1 = www.meusite.com.br/pagina1/
sub página = www.meusite.com.br/página1/subpágina/
se vc se basea na home do seu site... uma opção é:
no diretório base do wordpress, criar uma pasta img
, colocar a imagem ali.
Ai no CSS da home ou da página1 vc acrescenta:
#bg {
background-image: url('./img/imagem-de-fundo.png');
}
Porém, a partir de outras páginas, como a sub-página, vc precisa de:
#bg {
background-image: url('../img/imagem-de-fundo.png');
}
repare o ../
, o que quer dizer "no diretório pai do qual me encontro", enquanto ./
diz "no diretório em que me encontro".
uma dica para agilizar e botar tudo num só arquivo de CSS:
veja o id de toda página que não seja uma sub-página:
home = 1, página1 = 2, páginaA = 3.....
e acrescente isso:
#bg {
background-image: url('../img/imagem-de-fundo.png');
}
body.page-id-1 #bg, body.page-id-2 #bg, body.page-id-3 #bg {
background-image: url('./img/imagem-de-fundo.png');
}
para cada id de página base, vc adiciona um body.page-id-x #bg
, assim ele vai encontrar o caminho correto pras imagens :)
claro q é uma espécie de gambiarra, outra forma talvez seria com algum plugin mais inteligente.
Mas seu o seu site se basea em meia duzia de páginas principais e até uma tonelada de sub-páginas, vc não deveria ter problemas seguindo esse método.
EDIT:
algumas propriedades que podem te ajudar a fazer o setup da sua imagem de fundo:
http://www.w3schools.com/css/css_background.asp