티스토리 자동목차 쉽게 만드는 방법

티스토리 블로그 글에 목차가 있으면 읽기 쉽고 깔끔한 느낌을 줍니다.

티스토리 목차와 관련하여 TOC(table of content)라는 단어를 많이 들어보셨을 겁니다.

TOC는 목차를 의미하는 html 용어로 글 내에 TOC가 있으면 구글 SEO에도 도움이 된답니다.

하지만 티스토리 자체 내에 목차를 설정하는 기능이 없어서 스킨 편집을 통해 만들어주어야 하는데요.

한 번만 설정해 두면 글 쓸 때마다 서식 불러오기로 원하는 위치에 목차를 자동으로 달 수 있습니다.

<div class="txc-textbox"> <script type="text/javascript" src="메모장에 적어 놓은 images/jquery.toc.js 링크 주소"></script> <h2 data-ke-size="size26"><b>목차</b></h2> <ul id="toc" style="list-style-type: disc;" data-ke-list-type="disc"></ul> <script type="text/javascript"> $(function(){ $("#toc").toc( {content: ".tt_article_useless_p_margin", headings: "h1,h3,h4" , top: -90, isBlink : true, blinkColor : '#3669CF' } ) }); </script>

그리고 아까 링크 주소 복사해서 메모장에 남겨뒀던 주소를 "메모장에 적어 놓은 images/jquery.toc.js 링크 주소"의 따옴표 안 자리에 대체해 넣어 주세요.

서식 확인

기본 모드로 돌아오면 다음처럼 보일 거예요.

서식 제목을 쓰고 저장하면 서식 만들기가 완료됩니다.

확인을 위해서 script 위나 아래에 아무 글을 작성하고 제목2 또는 제목3으로 정해준 뒤 미리보기를 누릅니다.

미리보기 페이지에서 목차가 자동으로 설정된 것을 볼 수 있어요.

보통 제목1은 글 제목과 동일하게 작성하기 때문에 목차 내에는 제목2와 제목3이 포함되게 설정해 놓은 것인데요.

제목1 (h2) - 목차 내 포함 안됨
제목2 (h3), 제목3 (h4) - 목차 내 포함

이 점 유의하셔서 사용하시면 됩니다.

목차 서식 넣는 방법

그럼 저장한 서식을 어떻게 사용하는지 알아보겠습니다.

글쓰기 페이지에서 … 버튼을 누르면 두 번째에 서식이 보여요.

이를 선택하면 저장해 놓은 서식 목록이 뜹니다.

저장해 둔 목차 서식을 눌러주세요.

그럼 본문에 저장된 서식을 불러옵니다.

간단하죠?

오늘은 티스토리 자동 목차 서식 만드는 방법에 대해 알아보았습니다.

도움이 되셨길 바랍니다!

DSR DTI 뜻 계산하는 방법 차이점

DSR DTI 뜻 계산하는 방법 차이점 부동산 대출뿐 아니라 자동차 대출, 신용 대출 등 다양한 대출을 받을 때 대출의 한도를 결정하는 요소가 몇 가지 있는데요. 그중 가장 큰 영향을 미치는 조건이 D

gugija.co.kr

전용주거지역 일반주거지역 준주거지역 차이점

지역을 구분하는 단위로 전용주거지역, 일반주거지역, 준주거지역이라고 하는 단어를 들어보셨을 겁니다. 이러한 구분에 따라 건축물의 용도와 건폐율과 용적률이 달라지며 상업시설의 유무,

gugija.co.kr

등기부등본 등기사항전부증명서 쉽게보는법 발급 열람 방법 수수료 총정리

등기부등본(등기사항전부증명서)은 부동산 매매나 전세 등 거래 시 체크해야 하는 서류 중 가장 중요한 서류입니다. 등기부등본에는 해당 부동산에 대한 기본정보와 소유관계, 담보로 대출을

gugija.co.kr

저작자표시 비영리 변경금지

'IT 블로그' 카테고리의 다른 글

티스토리 목차 TOC 스타일 설정하기 (0)	2023.06.20

낭만정보

티스토리 자동목차 쉽게 만드는 방법

티스토리 자동목차 쉽게 만드는 방법

목차

jQuery TOC 파일 업로드

1. 파일 다운로드

2. 파일 업로드

HTML 편집