티스토리 특정 카테고리의 css를 다르게 설정하는 법

이것은 옛날 방법이고 지금은 티스토리 스킨 신기능이 생겼기 때문에, xml 파일을 수정하고 치환자를 적용하면 이 방법을 쓰지 않아도 됩니다. 하지만 xml 파일을 수정하기 귀찮거나 그냥 예전 방법을 쓰고 싶을 때 쓸 수 있는 방법입니다.

 

1. 제이쿼리를 활용해보겠습니다. 

<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>

 

 

2. 적당한 위치에 이런 식의 코드를 작성합니다.

<script>		
 var category = decodeURI(window.location.pathname.split('/')[window.location.pathname.split('/').length-1]);
      if (category == "카테고리1" || category == "카테고리2") {
            $(".listA").attr("class", "listB");
            $(".summary").css("display","none");
		}
</script> 

path 중 맨 마지막 값이 지정한 문자열과 같으면 속성을 다르게 주고, 또 특정한 element를 안 보이게 설정했습니다.

 

 

$(".listA").attr("class", "listB");

클래스 이름을 listA에서 listB로 바꿉니다. 

$(".summary").css("display","none");

이렇게 하면 summary 가 특정 카테고리에서만 안 보이게 됩니다.