티스토리 목차 점 삭제 방법

티스토리 블로그에 목차를 삽입하는 경우, 목차의 각 항목 앞에 검은색 점이 생성되는 경우가 있습니다. 점을 삭제해서 목차가 깔끔하게 보이게 하는 방법에 대해 설명하겠습니다. 저는 북클립 스킨을 사용하고 있기 때문에 다른 스킨을 사용하시는 분들은 적용이 안될 수 있음을 양해 부탁드립니다. 

 

0. 일반사항

저는 코딩을 배운적이 없습니다. 목차 삽입에 대한 부분은 '아미넴' 님께서 작성해 주신 블로그 내용을 그대로 반영했고, 일부분만 편집했음을 미리 말씀드립니다. 아미넴 님께서 작성해 주신 자동 목차 삽입 방법은 여기에서 확인 가능합니다.

티스토리 목차 완전 자동으로 생성하기 (서식 저장 불필요)

 

1. 해결 방법

인터넷을 보고 차근차근 스킨을 편집하여 티스토리 글에 목차를 삽입한 분들은 '드디어 해냈다'라는 기쁨도 들지만, 동시에 '저기 점 나오는 거 어떻게 지우지?'라는 고민도 생길 것입니다. 저 또한 동일한 고민을 했기 때문에 목차를 만들어주신 아미넴 님의 블로그에서 관련 글을 전부 확인하고, 많은 시간 구글링을 해서 해결책을 발견할 수 있었습니다.

 

해결책은 알고보니 정말 쉬웠습니다. 우선 '블로그 관리' -> '스킨 편집' -> 'html 편집'을 눌러주신 다음 'CSS'를 클릭합니다. 거기서 키보드 'ctrl + F'를 눌러 '찾기'를 실행하시고 'list-style-type:'라고 입력하시면, 우리가 목차를 삽입하기 위해 붙여 넣은 내용 중에서 2~3개의 결과물이 나올 것입니다. 이 부분 뒤에 무엇이 입력되어 있느냐에 따라 목차 앞에 붙는 내용이 변경되는 것이었습니다.

 

목차 앞에 검은색 점이 있는 경우는 'list-style-type: disc;'라고 입력이 되어있을 것입니다. 여기서 'disc'라고 입력된 부분을 'none'로 바꿔주면 점이 사라집니다. 찾기에서 확인된 곳 모두를 바꿔주셔야 목차 일부에서만 점이 사라지는 것을 방지할 수 있습니다. 그러나 저 점이 아니라 '1,2,3,4' 순으로 나열된 숫자를 입력하고 싶으시다면 'disc'자리에 'decimal'이라고 입력해 주시면 됩니다. 또한  'disc'와 'decimal' 이외에도 많은 속성값을 입력할 수 있었습니다. 아래 사진은 'disc' 자리에 입력될 수 있는 속성값과 그 결과에 대한 목차 샘플입니다. 

 

2. 마치며

'스킨 편집에서 html 잘못 건드리면 큰일 난다', '코딩도 모르는데 어떻게 하나' 등등 아무것도 모르는 초보는 겁이 나는 게 당연합니다. 하지만 티스토리 블로그는 '스킨 편집'을 통해 '나만의 개성 있는 블로그'를 만들 수 있는 것이 정말 큰 장점이라고 생각하기 때문에, 초보 분들도 조금이라도 스킨 편집을 해보시는 게 어떠할까 하는 생각입니다.

 

스킨 편집에는 되돌리기 버튼이 없기 때문에 직전으로 복구는 불가능합니다. 하지만 '카카오 계정' 하나로 5개까지 블로그 생성이 가능하기 때문에, 블로그를 새로 만든 다음 스킨 편집에 들어가서 순정 그대로의 html과 CSS 내용을 복사해서 붙여 넣는 식으로 최초 상태로 되돌리기는 가능합니다. 너무 많이 겁먹지 마시고, 하나하나 조금씩 해보시기를 추천드립니다.