web-gelistirme-sc.com

Kategori sayfaları için Özel Tasarımlar

Bir sayfadaki stillerin, yalnızca o kategorideki bir sayfayı görüntülerken, belirli kategoriler için farklı görünmesinin bir yolu var mı?

categories
1
GSto

Farklı kategoriler için farklı mizanpajlar istiyorsanız @EAMann'ın harika bir cevabı var. OTOH yalnızca CSS’yi, örneğin her kategori için farklı bir arka plan rengine sahip olmak istiyorsanız , o zaman çoğu temanın kategori slugunu CSS olarak içereceğini göreceksiniz. <body> öğesinde ve/veya muhtemelen tema tarafından verilen diğer HTML öğelerinde sınıf. (Temanız olmasa bile, bu işlevselliği her zaman kendiniz ekleyebilirsiniz.)

Örneğin, TwentyTen teması tam olarak bunu yapıyor; aşağıdaki URL için:

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

İşte <body> öğesinin nasıl göründüğü:

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

Yukarıdakileri bilmek, her sayfanın farklı renk arka planına sahip olmak için temanızın style.css dosyasına aşağıdaki stilleri ekleyebilirsiniz (Elbette burada çok basit davranıyorum; gerçek CSS’niz kesinlikle daha karmaşık olacaktı):

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

Yapmanız gereken tek şey, temanızın bunu yapıp yapmadığına karar vermek, ilgilenen kategori sayfalarında kaynağı görüntülemek ve kategori bilgisini aramak.

Çocuk Teması Kullan

Elbette, temanızın style.css öğesini değiştirmek istemezsiniz; Muhtemelen bunun yerine Çocuk Teması oluşturmak istiyorsunuz. İşte Çocuk Temaları hakkında konuştuğum bazı cevaplar:

Tüm temaların çocuk temalarını desteklemediğini unutmayın, Tez önemli bir örnek. Bu temalar durumunda, nasıl genişletildiklerini araştırmanız gerekecektir.

4
MikeSchinkel

İsterseniz, her kategori için bir farklı bir şablona sahip olabilirsiniz , kendi stil tanımlarıyla birlikte. Ardından, sayfayı belirli kategoriler için farklı şekilde biçimlendirebilirsiniz, ancak yalnızca bu kategorideki bir sayfayı görüntülerken yalnızca .

Bunları temanızda kullanın:

  1. kategori-slug.php
  2. kategori-ID.php
1
EAMann

Eric ne dedi? Fakat sadece tarzı değiştirmek istiyorsanız işaretlemeyi değil, daha kolay bir yol var. Temanız, açılış gövdesi etiketindeki body_class () çağrısını içerdiği sürece, WP sayfanıza her türlü yararlı CSS kancasını ekleyecektir. Varsayılan işaretleme, akıcı sınıfları bir kategori arşivindeki gövde öğesine ekler:

  • arşiv
  • kategori
  • kategori-sümüklüböcek

i̇stediğin gibi biçimlendirebilirsin. Pek çok tema çerçevesi, beden sınıfınıza daha da faydalı kancalar katacak, ancak bazıları için gerçek dünyanın kullanım durumlarını göremiyorum.

0
goldenapples