Cambiare l'immagine di sfondo per ogni pagina

16 gen 2014, 18:24:20
Visualizzazioni: 35.8K
Voti: 0

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.

1
Commenti

No. Non è CSS. Devi creare 'add_meta_boxes' http://codex.wordpress.org/Function_Reference/add_meta_box

ucon89 ucon89
16 gen 2014 18:54:17
Tutte le risposte alla domanda 2
0

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/

26 dic 2014 22:56:13
0
-1

Se non funziona con un articolo, prova questo

body.postid-number { your image }
20 lug 2017 14:15:06