Schimbarea imaginii de fundal pentru fiecare pagină

16 ian. 2014, 18:24:20
Vizualizări: 35.8K
Voturi: 0

Aș dori să am o imagine de fundal diferită pentru fiecare PAGINĂ (categorie)

Când utilizatorul accesează home.php, să-i spunem A, aceasta ar trebui să aibă o imagine de fundal, iar când îl trimit la o pagină B, aș dori ca imaginea de fundal să se schimbe.

Poate cineva să mă îndrume în direcția corectă pentru aceasta? Înțeleg că poate fi realizat prin .css.

1
Comentarii

Nu. Nu este CSS. Trebuie să creezi 'add_meta_boxes' http://codex.wordpress.org/Function_Reference/add_meta_box

ucon89 ucon89
16 ian. 2014 18:54:17
Toate răspunsurile la întrebare 2
0

Da, acest lucru poate fi realizat cu CSS.

Am implementat acest lucru folosind ID-urile paginilor și articolelor.

IMPORTANT: Următoarele sunt exemple de bază și vor trebui testate și ajustate pentru utilizarea dumneavoastră. Dacă observați vreo eroare aici (în exemplele CSS de bază), vă rugăm să menționați despre aceasta.

Pentru a identifica ID-urile paginilor și articolelor, mergeți la pagina de Pagini sau Articole și treceți cursorul peste numele oricărei pagini sau articol. În timp ce faceți hover, uitați-vă în partea stângă jos a browserului și ID-ul paginii va fi afișat în bara de stare. Sau faceți ca mine și folosiți pluginul Catch IDs.

Pentru un fundal pentru întregul site:

body
{
    background-image:url('example.gif');
    background-repeat:no-repeat;
    background-attachment:fixed;
}

Pentru a ținti o pagină specifică:

body.page-id-33
{
    background-image:url('example.gif');
    background-repeat:no-repeat;
    background-attachment:fixed;
}

Pentru a ținti mai multe pagini:

body.page-id-33,
body.page-id-41,
body.page-id-725
{
    background-image:url('example.gif');
    background-repeat:no-repeat;
    background-attachment:fixed;
}

Pentru a ținti o categorie:

.category-CategoryName
{
    background-image:url('example.gif');
    background-repeat:no-repeat;
    background-attachment:fixed;
}

Pentru a ținti mai multe categorii:

.category-CategoryName,
.category-CategoryName-2
{
    background-image:url('example.gif');
    background-repeat:no-repeat;
    background-attachment:fixed;
}

Pentru a ținti paginile de Arhivă:

.archive
{
    background-image:url('example.gif');
    background-repeat:no-repeat;
    background-attachment:fixed;
}

Pentru a ținti un șablon personalizat pentru o pagină, articol sau categorie:

.page-template-name
{
    background-image:url('example.gif');
    background-repeat:no-repeat;
    background-attachment:fixed;
}

În fiecare dintre exemplele de mai sus, puteți copia CSS-ul și să-l lipiți din nou, schimbând ID-urile și URL-ul imaginii pentru a modifica imaginea de fundal pentru diferite pagini sau categorii.

REFERINȚE

Ne pare rău - în timp ce încerc să ajut și să ofer atribuire mai multor articole sursă, regulile prea stricte de aici mă împiedică să postez mai mult de un link către referințe. Așa că am scris un articol despre acest subiect și toate referințele sunt în acel articol.

http://kb4wp.com/blog/use-css-to-target-pages-posts-and-categories/

26 dec. 2014 22:56:13
0
-1

Dacă nu funcționează cu un articol, încercați această soluție:

body.postid-number { imaginea ta }
20 iul. 2017 14:15:06