it-swarm-ko.tech

카테고리 페이지의 사용자 정의 스타일

해당 범주의 페이지 만 볼 때 특정 범주에 대해 페이지의 스타일을 다르게 표시 할 수있는 방법이 있습니까?

1
GSto

@ EAMann은 다른 카테고리에 대해 다른 레이아웃을 원한다면 훌륭한 대답을합니다. OTOH 예를 들어, CSS를 변경하여 각 카테고리에 대한 배경색을 변경하려는 경우 대부분의 테마에 slug 클래스가 CSS 클래스로 포함됩니다. <body> 요소 및/또는 테마에 의해 출력되는 기타 HTML 요소에 대해 (그리고 당신의 테마가 당신이 항상 그 기능을 직접 추가 할 수 없다고하더라도.)

예를 들어 TwentyTen 테마는 정확히 그렇게합니다. 다음 URL :

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

다음은 <body> 요소의 모양입니다.

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

위의 내용을 알면 각 페이지마다 색상 배경이 다른 다음과 같은 스타일을 테마의 style.css 파일에 추가 할 수 있습니다. 물론 여기서는 매우 단순합니다. 실제 CSS는 더 정교합니다.

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

테마가이 작업을 수행하는지 여부는 관심있는 카테고리 페이지에서 source를보고 카테고리 슬러그를 검색하기 만하면됩니다.

어린이 테마 사용

물론 테마의 style.css를 수정하고 싶지는 않을 것입니다. 대신 하위 테마 를 생성하려고합니다. 다음은 아동 문제에 대한 몇 가지 해답입니다.

모든 테마가 아동 주제를 지원하는 것은 아니라는 점에 유의하십시오. 이러한 테마의 경우 확장 된 방법에 대해 더 많이 연구해야합니다.

4
MikeSchinkel

원한다면 각 카테고리에 대해 다른 템플릿을 가질 수 있습니다 . 그런 다음 특정 카테고리의 페이지를 다르게 스타일링 할 수 있지만 해당 카테고리의 페이지 만 볼 때는 만 지정할 수 있습니다.

당신의 주제에서 이것들을 사용하십시오 :

  1. category-slug.php
  2. 카테고리 ID.php
1
EAMann

에릭이 말한거야. 그러나 마크 업이 아닌 스타일 만 변경하려는 경우 더 쉬운 방법이 있습니다. 사용중인 테마에 body 태그 (body 태그)의 body_class () 호출이 포함되어있는 한 WP는 모든 종류의 유용한 CSS 후크를 페이지에 추가합니다. 기본 마크 업은 다음과 같은 클래스를 카테고리 아카이브의 body 요소에 추가합니다.

  • 아카이브
  • 범주
  • 카테고리 슬러그

원하는대로 스타일을 지정할 수 있습니다. 많은 테마 프레임 워크는 바디 클래스에 더 유용한 후크를 추가 할 것입니다.하지만 그 중 일부는 실제 사용 사례를 볼 수 없습니다.

0
goldenapples