리뷰와 팁/블로그 공부

티스토리 HTML 수정, 하단 태그 숨기기

티스토리 HTML 수정, 하단 태그 숨기기

티스토리를 하다보면 다양한 태그를 달게되는데 때로는 너무 많은 태그를 달게되는경우도 있다. 태그가 많다고해서 더많은 노출이되는건 아니지만 블로그 초반에는 너무 많은 태그를 단적이있다.

이후 템플릿을 바꾸면서 태그가 눈에 띄게 노출되었는데, 이게 왠지모르게 상당히 지저분해모였다. 모든 글의 태그를 다 수정할수는 없었기때문에 태그 전체를 안보이게 하는방법을 찾았고 아래에 그 방법을 소개해보겠다.

 

 

 

 

티스토리 스킨 수정 방법

먼저 태그를 없애기전의 내 블로그 하단 모습이다. 포스팅하단에는 이렇게 다양한 태그가 나열되어있는데 이 부분을 숨기려면 HTML 수정을 진행해야한다.

 

 

 

 

티스토리 관리자화면으로 간후 하단의 HTML/CSS 수정 탭을 누르면 위 화면의 오른쪽처럼 나오게된다. 확대를 하면 아래와같다.

 

 

이 탬플릿은 rediz 님의 패스트부트 스킨을 기준으로한다. ctrl+F 를 눌러서 찾기를 활성화한후, s_tag_label 을 검색해서 찾는다. 그리고한후 S_tag_label 윗부분부터, 해당 태그 라벨이 끝나는 부분까지 <!-- > 을 활용해서 양옆을 덮어주면 주석처리가되며 해당 기능이 비활성화되게된다.

 

 

 

 

이렇게 주석을 사용하지않고 그냥 통째로 해당 html 코드를 삭제해버려도 똑같이 적용이되지만 추후 다시 태그를 활성화 시키고 싶을때 다시 코드를 작성하기가 어렵기때문에 나는 주로 무력화시키는 주석을 사용한다. 나중에 주석시킨 부분을 찾기쉽도록 대략의 설명을 적어두어도 된다.

 

미리 보기를 통해서 미리 태그가 위의 화면처럼 사라졌는지를 확인한후에 적용을 누르면 실제로 블로그 하단에서도 아까 있었던 태그가 완전히 보이지 않는 것을 확인 할수있다. 이것으로 티스토리 HTML 수정을 통해 포스팅하단의 태그 숨기기 방법을 알아보았다.