[티스토리 스킨] 공감버튼, 카테고리 전체보기 감추기

티스토리 스킨에서 다음 두 가지가 표시되지 않도록 해보겠습니다.

• 포스트 버튼
• 카테고리 전체보기

각각 본문, 카테고리 치환자에서 자동으로 출력하는 부분이라, CSS에서 표시 설정을 바꿔야 합니다.

---

포스트 버튼

포스트 버튼은 포스트 본문 아래 따라오는 버튼입니다. 공감, 공유 등 추가 기능이 모여 있습니다.

미표시 설정

클래스 container_postbtn이 표시되지 않도록 설정합니다.

.container_postbtn { display: none; }

구조

참고로, 포스트 버튼의 대략적인 구조는 다음과 같습니다. 생략된 부분이 많습니다.

<div class="container_postbtn #post_button_group">
	<div class="postbtn_like">
		<div class="wrap_btn" id="reaction-20"></div> <!-- 공감 -->
		<div class="wrap_btn wrap_btn_share">...</div> <!-- 공유 -->
		<div class="wrap_btn">...</div> <!-- 통계 -->
		<div class="wrap_btn wrap_btn_etc">...</div> <!-- 기타 -->
	</div>
</div>

카테고리 전체보기

카테고리 전체보기(=분류 전체보기)는 카테고리의 첫 항목으로, 카테고리와 관계없이 모든 글을 모아 볼 수 있는 링크입니다.

미표시 설정

클래스 link_tit이 표시되지 않도록 설정합니다. 다른 곳에서는 .link_tit이 사용되지 않는 것 같은데, 혹시 모르니 카테고리 부분으로 한정하겠습니다.

.tt_category .link_tit { display: none; }

구조

참고로, 카테고리의 대략적인 구조는 다음과 같습니다. 2중 리스트로 구성되어 있습니다.

<ul class="tt_category">
	<li class="">
		<a href="/category" class="link_tit">분류 전체보기</a>
		<ul class="category_list">
			<li class=""><a class="link_item">...</a></li>
			<li class=""><a class="link_item">...</a></li>
		</ul>
	</li>
</ul>

공간은 남기고 감추기

앞에서처럼 display: none으로 설정하면 해당 항목과 항목에 할당되었던 공간이 모두 사라집니다. 여백 등을 위해 공간은 남기고 해당 내용만 감추고 싶다면, 다음처럼 visibility를 설정하면 됩니다.

.container_postbtn { visibility: hidden; }
.tt_category .link_tit { visibility: hidden; }