it-swarm-eu.dev

Vlastní styl pro stránky kategorie

Existuje způsob, jak se styly na stránce zobrazují odlišně pro určité kategorie, když si prohlížíte stránku, která je pouze této kategorie?

1
GSto

@ EAMann má skvělou odpověď, pokud chcete různé rozvržení pro různé kategorie. OTOH Pokud chcete změnit CSS například na jinou barvu pozadí pro každou kategorii , zjistíte, že většina témat bude obsahovat kategorii slim jako CSS třídy na elementu <body> a/nebo případně dalších HTML prvcích, které jsou výstupem motivu. (A to iv případě, že vaše téma byste nemohli vždy přidat tuto funkci sami.)

Například téma TwentyTen to dělá přesně; pro následující adresu URL:

http://example.com/category/category-1/

Jak vypadá prvek <body> takto:

<body class="archive category category-category-1">

S vědomím výše uvedeného byste mohli přidat následující styly do souboru style.css vašeho motivu, který bude mít různou barvu pozadí pro každou stránku (jsem samozřejmě velmi zjednodušující, vaše skutečné CSS by bylo jistě sofistikovanější):

/* style.css */
body.category-category-1 {
  background-color: red;
}
body.category-category-2 {
  background-color: green;
}
body.category-category-3 {
  background-color: blue;
}

Vše, co opravdu potřebujete udělat, je zjistit, zda vaše téma to dělá nebo ne je zobrazit zdroj na stránkách kategorie zájmu a vyhledat vaši kategorii slug.

Použijte podřízený motiv

Pravděpodobně nechcete měnit style.css motivu; pravděpodobně budete chtít vytvořit Child Theme místo. Zde je několik odpovědí, kde mluvím o dětských tématech:

Všimněte si, že ne všechny motivy podporují podřízené motivy. V případě těchto témat budete muset více zkoumat, jak jsou rozšířeny.

4
MikeSchinkel

Pokud chcete, můžete mít jinou šablonu pro každou kategorii s vlastní sadou definic stylu. Pak můžete stránku pro určité kategorie upravovat jinak, ale pouze při prohlížení stránky, která je pouze této kategorie.

Stačí je použít ve svém motivu:

  1. category-slug.php
  2. kategorie-ID.php
1
EAMann

Co řekl Eric. Ale pokud chcete změnit styl a ne označení, je to jednodušší způsob. Dokud vaše téma obsahuje volání body_class () v tagu úvodního těla, WP přidá na stránku všechny druhy užitečných háčků CSS. Výchozí označení přidá třídy follwing do elementu těla v archivu kategorií:

  • archiv
  • kategorie
  • kategorie-slug

můžete styl, jak chcete. Spousta tematických rámců přidá vaší třídě těla ještě více užitečných háčků, i když některé z nich nevidím případy použití v reálném světě.

0
goldenapples