Cambiare l'immagine di sfondo per ogni pagina
Vorrei avere un'immagine di sfondo diversa per ogni PAGINA (categoria)
Quando l'utente accede a home.php
, chiamiamola pagina A, dovrebbe avere un'immagine di sfondo, e quando viene reindirizzato a una pagina B, vorrei che l'immagine di sfondo cambiasse.
Qualcuno può indirizzarmi nella giusta direzione per questo? So che può essere realizzato tramite .css
.

Sì, questo può essere fatto con il CSS.
L'ho realizzato con gli ID di pagine e articoli.
IMPORTANTE: I seguenti sono esempi base e dovranno essere testati e adattati per il tuo utilizzo. Se noti qualche errore qui (con gli esempi CSS base), per favore lascia un commento sull'errore.
Per identificare le pagine e gli articoli, vai alla pagina delle Pagine o Articoli e passa il mouse sul nome di qualsiasi pagina o articolo. Mentre sei in hover guarda in basso a sinistra del tuo browser e l'ID della pagina sarà visualizzato nella barra di stato. Oppure fai come me e usa il plugin Catch IDs.
Per uno sfondo per tutto il sito usa:
body
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Per mirare una pagina:
body.page-id-33
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Per mirare più pagine:
body.page-id-33,
body.page-id-41,
body.page-id-725
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Per mirare una categoria:
.category-CategoryName
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Per mirare più categorie:
.category-CategoryName,
.category-CategoryName-2
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Per mirare le pagine di archivio:
.archive
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Per mirare un template personalizzato per una pagina, articolo o categoria usa:
.page-template-name
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
In ognuno degli esempi sopra puoi semplicemente copiare il CSS e incollarlo nuovamente, cambiando gli ID e l'URL dell'immagine per modificare l'immagine di sfondo per pagine o categorie diverse.
RIFERIMENTI
Mi dispiace--mentre sto cercando di aiutare e dare attribuzione a diversi articoli di riferimento, le regole eccessivamente zelanti qui mi impediscono di pubblicare più di un link ai riferimenti. Quindi ho scritto un articolo su questo e tutti i riferimenti sono su quel post.
http://kb4wp.com/blog/use-css-to-target-pages-posts-and-categories/
