it-swarm-vi.tech

Kiểu dáng tùy chỉnh cho các trang chuyên mục

Có cách nào để các kiểu trên một trang xuất hiện khác nhau cho các danh mục nhất định không, khi xem một trang chỉ thuộc danh mục đó?

1
GSto

@EAMann có một câu trả lời tuyệt vời nếu bạn muốn bố trí khác nhau cho các danh mục khác nhau. OTOH nếu bạn chỉ muốn thay đổi CSS thành, ví dụ, có màu nền khác nhau cho mỗi danh mục thì bạn sẽ thấy rằng hầu hết các chủ đề sẽ bao gồm danh mục sên dưới dạng CSS lớp trên phần tử <body> và/hoặc có thể các phần tử HTML khác được xuất ra theo chủ đề. (Và ngay cả khi chủ đề của bạn không, bạn luôn có thể tự thêm chức năng đó.)

Ví dụ, chủ đề TwentyTen thực hiện chính xác điều đó; cho URL sau:

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

Đây là phần tử <body> trông như thế nào:

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

Biết được những điều trên, bạn có thể thêm các kiểu sau vào tệp style.css của chủ đề để có nền màu khác nhau cho mỗi trang (tất nhiên tôi rất đơn giản ở đây; CSS thực tế của bạn chắc chắn sẽ phức tạp hơn):

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

Tất cả những gì bạn thực sự cần làm là tìm hiểu xem chủ đề của bạn có làm điều này hay không là xem nguồn trên các trang danh mục quan tâm và tìm kiếm sên danh mục của bạn.

Sử dụng một chủ đề trẻ em

Tất nhiên, bạn có thể không muốn sửa đổi style.css của chủ đề; thay vào đó, bạn có thể muốn tạo Chủ đề con . Dưới đây là một số câu trả lời mà tôi nói về Chủ đề trẻ em:

Lưu ý rằng không phải tất cả các chủ đề đều hỗ trợ các chủ đề con, Luận án là một ví dụ đáng chú ý. Trong trường hợp những chủ đề đó, bạn sẽ phải nghiên cứu thêm về cách chúng được mở rộng.

4
MikeSchinkel

Nếu bạn muốn, bạn có thể có một mẫu khác nhau cho mỗi danh mục với bộ định nghĩa kiểu riêng. Sau đó, bạn có thể định kiểu trang khác nhau cho các danh mục nhất định, nhưng chỉ khi xem trang chỉ thuộc danh mục đó.

Chỉ cần sử dụng những thứ này trong chủ đề của bạn:

  1. thể loại-slug.php
  2. thể loại-ID.php
1
EAMann

Những gì Eric nói. Nhưng nếu bạn chỉ muốn thay đổi phong cách chứ không phải đánh dấu, có một cách dễ dàng hơn. Miễn là chủ đề của bạn bao gồm lệnh gọi body_group () trong thẻ body mở, WP sẽ thêm tất cả các loại móc CSS hữu ích vào trang của bạn. Đánh dấu mặc định sẽ thêm các lớp follwing vào thành phần cơ thể trên kho lưu trữ thể loại:

  • lưu trữ
  • thể loại
  • sên loại

mà bạn có thể tạo kiểu theo ý muốn. Rất nhiều khung chủ đề sẽ thêm các móc hữu ích hơn nữa vào lớp cơ thể của bạn, mặc dù một số trong số chúng tôi không thể thấy các trường hợp sử dụng trong thế giới thực.

0
goldenapples