티스토리 블로그 태그(tag) 숨기기



티스토리 블로그에 삽입하는 태그(tag)가 노출되는 위치는 현재 사용하고 있는 티스토리 블로그 스킨에 따라 다르겠지만 제가 사용하고 있는 스킨은 PC와 모바일 버전에서 모두 상단에 노출되고 있습니다.



PC 화면 태그(tag) 위치


모바일 화면 태그(tag) 위치


현재 PC와 모바일 버전에 태그를 삽입된 위치와 형태입니다. 블로그에 삽입하는 태그(tag)의 개수가 적다면 1줄에 들어가지만 위와 같이 태그의 개수가 많아지게 되면 몇 줄에 걸쳐서 표시되기 때문에 PC와 모바일 모두 글의 시작부터 다량의 태그가 노출되면서 불필요하게 공간만 차지하는 경우가 발생하게 됩니다.



티스토리 블로그 태그(tag) 숨기기

티스토리 사이드바 메뉴에 노출되는 태그는 메뉴 설정에서 쉽게 설정 해제가 가능하지만 티스토리 본문 영역에 노출되는 태그는 현재 사용 중인 티스토리 스킨 HTML 편집 창에서 태그와 관련된 코드를 주석 처리해줘야 합니다.




티스토리 [블로그 관리홈]에 접속해주시고 [꾸미기]-[스킨 편집]을 클릭해주세요. 스킨 편집 창이 열리게 되면 오른쪽 상단에 있는 [HTML 편집]을 클릭해주세요.




HTML 편집 창에서 body 영역에 있는  치환자를 찾아주세요. 현재 본인이 사용하고 있는 스킨에 따라 위치나 코드가 다소 상이할 순 있지만 방법은 코드와 상관없이 동일합니다.




현재 코드의 시작 위치에 '<!--' 기호를 넣어주시고, 코드 끝 부분 뒤에 '-->' 기호를 넣어 주석으로 처리해주시면 활성화되어 있던 코드가 비활성화 상태로 바뀌게 됩니다. 수정 작업이 완료되었다면 [적용] 버튼을 클릭해주세요.




적용 완료 후 다시 블로그에서 발행한 글의 본문 상단을 확인해보시면 태그(tag) 숨기기 작업이 정상적으로 적용된 것을 확인하실 수 있습니다.




모바일 화면에서도 본문 상단에 노출되던 태그(tag) 숨기기가 정상적으로 적용된 것을 확인할 수 있습니다. 운영자의 취향에 따라 다르겠지만 확실히 태그는 숨기기 처리하니 보기도 좋고 깔끔한 거 같습니다.



+ Recent posts