본문으로 바로가기
반응형

티스토리에 쓴 글을 발행할 때, 주제를 선택하게 되면 해당 포스팅이 티스토리 주제별 항목에 노출되면서 본문 하단에 공감버튼이 생기게 된다. 

티스토리에서는 많은 공감을 받은 글을 주제별 항목에서 기본적으로 상위에 노출시켜 주고, 별도의 베스트공감 항목에 모아서 보여주기도 한다. 이렇게 공감버튼은 작성한 글을 많은 사람이 볼 수 있도록 도와주는 장점이 있다. 


하지만 공감 버튼을 제거해야 할 필요성을 느끼게 될 상황이 있는데, 아래와 같은 경우가 있을 것이다.

1. 공감버튼이 블로그 스킨과 어울리지 않아 디자인적으로 거슬린다.

2. 광고가 들어갈 위치와 겹치게 되어 문제의 소지가 될 수 있는 여지가 있다.

3. 공간버튼이 들어가는 공간을 다른 것에 활용하고 싶다.


이러한 경우에 공감 버튼을 제거하는 방법은 다양하다.


가장 쉬운 방법은 게시글들의 주제를 선택하지 않고 발행하는 것이다. 

이미 발행된 게시글도 주제를 뺀다면 공감버튼도 사라질 것이다. 하지만, 그렇게 되면 티스토리 주제별 항목에 노출되지 않기 때문에 내 글로 유입되는 방문자 수가 줄어들 것을 감수해야 한다. 또한 오피셜은 아니지만 다음 검색엔진 노출에도 불리하다는 카더라가 있다.


그렇다면 대안이 되는 방법은 없을까?

바로 자바스크립트나 CSS를 편집해 공감버튼을 마치 없는 것처럼 "숨기는" 것이다.


HTML상에 스크립트를 추가해 숨기는 방법은 스크립트 로딩 속도에 따라 버튼이 생겼다가 사라질 수도 있으니, 이왕이면 CSS에 코드를 넣어 주는 방식이 더 좋다.



1. 티스토리 관리에서 HTML/CSS 편집을 연다.


2. CSS탭을 연다.


3. CSS 편집 탭 맨 아래쪽에 아래 스크립트 중 하나를 추가한다.


A 스크립트

1
2
3
.daum_like_wrapper {
    display : none;
}
cs



B 스크립트

1
2
3
.daum_like_wrapper {
    visibility: hidden;
}
cs


두 스크립트의 차이는,

A 스크립트는 공감 버튼이 차지하는 공간 자체도 함께 제거해서 아래쪽 아이템이 끌어 올라온다.

B 스크립트는 공감 버튼이 차지하고 있는 공간을 남겨두고 버튼만 숨긴다.


공감버튼이 차지하고 있는 공간을 제거했을 때, 아래쪽 항목들과의 간격 등을 따져봐서 선택하면 될 것이다.

반응형

 Other Contents