Cambiar imagen de fondo por página
Me gustaría tener una imagen de fondo diferente según la PÁGINA (categoría)
Cuando el usuario va a home.php
, llamémosla página A, debería tener una imagen de fondo, y luego si los envío a una página B, me gustaría que la imagen de fondo cambie.
¿Puede alguien orientarme en la dirección correcta para esto, por favor? Entiendo que se puede lograr a través de .css
.

Sí, esto se puede hacer con CSS.
Yo lo he implementado con IDs de páginas y entradas.
IMPORTANTE: Los siguientes son ejemplos base y necesitarán ser probados y ajustados para tu caso de uso. Si notas algún error aquí (con los ejemplos base de CSS), por favor publica una nota sobre el error.
Para identificar los IDs de páginas y entradas, ve a tu página de Páginas o Entradas y pasa el cursor sobre el nombre de cualquier página o entrada. Mientras pasas el cursor, mira en la parte inferior izquierda de tu navegador y el ID de la página se mostrará en la barra de estado. O haz lo que yo hago y usa el plugin Catch IDs.
Para un fondo en todo el sitio:
body
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Para apuntar a una página específica:
body.page-id-33
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Para apuntar a múltiples 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 apuntar a una categoría:
.category-CategoryName
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Para apuntar a múltiples categorías:
.category-CategoryName,
.category-CategoryName-2
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Para apuntar a páginas de Archivo:
.archive
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Para apuntar a una plantilla personalizada para página, entrada o categoría:
.page-template-name
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
En cada uno de los casos anteriores puedes simplemente copiar el CSS y pegarlo de nuevo, cambiando los IDs y la URL de la imagen para modificar el fondo de diferentes páginas o categorías.
REFERENCIAS
Lo siento - aunque estoy intentando ayudar y dar atribución a varios artículos fuente, las estrictas normas aquí me impiden publicar más de un enlace a las referencias. Así que escribí un post sobre esto y todas las referencias están en ese artículo.
http://kb4wp.com/blog/use-css-to-target-pages-posts-and-categories/
