it-swarm-id.com

Stylings Kustom untuk halaman kategori

Apakah ada cara agar gaya pada halaman tampil berbeda untuk kategori tertentu, saat melihat halaman yang hanya dari kategori itu?

1
GSto

@ EAMann memiliki jawaban yang bagus jika Anda menginginkan tata letak yang berbeda untuk berbagai kategori. OTOH jika Anda hanya ingin mengubah CSS untuk, misalnya, memiliki warna latar belakang yang berbeda untuk setiap kategori maka Anda akan menemukan bahwa sebagian besar tema akan menyertakan slug kategori sebagai CSS kelas pada elemen <body> dan/atau mungkin elemen HTML lain yang dihasilkan oleh tema. (Dan bahkan jika tema Anda tidak, Anda selalu dapat menambahkan fungsi itu sendiri.)

Misalnya tema TwentyTen melakukan hal itu; untuk URL berikut:

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

Inilah yang terlihat seperti elemen <body>:

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

Mengetahui hal di atas Anda dapat menambahkan gaya berikut ke file style.css tema Anda untuk memiliki latar belakang warna yang berbeda untuk setiap halaman (tentu saja saya menjadi sangat sederhana di sini; CSS Anda yang sebenarnya tentu saja akan lebih canggih):

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

Yang perlu Anda lakukan adalah mencari tahu apakah tema Anda melakukan ini atau tidak adalah dengan melihat sumber pada halaman kategori yang menarik dan mencari slug kategori Anda.

Gunakan Tema Anak

Tentu saja Anda mungkin tidak ingin mengubah style.css tema Anda; Anda mungkin ingin membuat Tema Anak . Berikut adalah beberapa jawaban di mana saya berbicara tentang Tema Anak:

Perhatikan bahwa tidak semua tema mendukung tema anak, Tesis menjadi salah satu contoh penting. Dalam hal tema-tema itu Anda harus meneliti lebih dalam bagaimana mereka diperluas.

4
MikeSchinkel

Jika mau, Anda dapat memiliki templat yang berbeda untuk setiap kategori dengan sekumpulan definisi gaya. Kemudian Anda dapat mendesain halaman secara berbeda untuk kategori tertentu, tetapi saja saat melihat halaman yang hanya dari kategori itu.

Cukup gunakan ini dalam tema Anda:

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

Apa yang Eric katakan. Tetapi jika Anda hanya ingin mengubah gaya, dan bukan markup, ada cara yang lebih mudah. Selama tema Anda menyertakan panggilan body_class () di tag badan pembuka, WP akan menambahkan semua jenis kait CSS yang berguna ke halaman Anda. Markup default akan menambahkan kelas follwing ke elemen tubuh pada arsip kategori:

  • arsip
  • kategori
  • kategori-siput

yang Anda dapat gaya sesuka Anda. Banyak kerangka kerja tema akan menambahkan kait yang lebih berguna ke kelas tubuh Anda, meskipun beberapa dari mereka saya tidak bisa melihat kasus penggunaan dunia nyata.

0
goldenapples