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/