※간단하게 티스토리에 목차 넣는 방법~~

여러분들도 티스토리 블러그를 알차게 꾸며 가고 싶을 것입니다. 글을 작성하다 보면 정리가 안될정도로 긴글을 쓰게 마련인데, 보는분도 긴글을 보면 눈이 아플것입니다. 

 

대부분의 블러거들이 목차를 넣어서 글을 작성하는 편입니다. 그렇지만 저는 목차를 별로 안좋아하는 편인데, 목차 넣기도 귀찮기도 하지만, 그냥 한방에 쭈욱 읽는게 편해서입니다.  그래도 목차 넣는 방법에 대해서 궁금하실 까봐 준비했습니다. 

목차

• ※새우깡 맛있게 먹는 방법
• ※새우깡 맛깔나게 먹는 방법

 

우선 아래와 같이 글을 작성해 주는데 글을 적으면 됩니다. 여러분들이 적고 싶은 글을 적으면 되는 거예요~~ 참 쉽죠? 

---

※새우깡 맛있게 먹는 방법

새우깡 맛있게 먹는 방법있나요? 그냥 손으로 먹으면 되지요...... 

※새우깡 맛깔나게 먹는 방법

마요네즈 찍어 먹으면 되지? ㅎㅎ==ㅎ=ㅎ

---

위와 같이 글을 작성 했다면 이제 글 목차를 만들건데, 기본모드에서는 안되고 html모드에서 편집해야 되거든요.

 

html모드에서 입력해야할 코드는 아래인데, 색상이 있는 코드만 넣으면 됩니다. 그리고 사이즈도 조절하시면 됩니다. 

 

 

html 편집창으로 넘어가서  목차 목록을 넣을 위치를 선택해서 html태그를 입력합니다.  제목1(section1)에는 "※새우깡 맛있게 먹는 방법"을 넣었고, 제목2(section2)에는 "※새우깡 맛깔나게 먹는 방법" 을 입력했습니다. 

 

<h2 data-ke-size="size24">목차</h2>
<ul style="list-style-type: disc;" data-ke-list-type="disc">
<li><a href="#section1"> ※새우깡 맛있게 먹는 방법 </a></li>
<li><a href="#section2"> ※새우깡 맛깔나게 먹는 방법</a></li>

 

목차 태그를 입력할 때는 따옴표도 빠짐없이 적어야 합니다. 안 그러면 전체 HTML 태그가 붉은색으로 변해서 어디가 잘못됐는지 찾기 힘들어질 수 있습니다.

 

그리고 다음으로 제목글에도 태그를 넣어서 연결해줘야 하는데, 빠짐없이 입력해야 합니다. 

<h2 id="section1" data-ke-size="size26">※새우깡 맛있게 먹는 방법</h2>

<h2 id="section2" data-ke-size="size26"> ※새우깡 맛깔나게 먹는 방법</h2>

 

html 모드에서 빠져나와서 기본 모드로 돌아가면 목차가 생겼을 것입니다. 편의를 위해서 txt문서를 준비해 뒀어요. 

목차예요.txt

0.00MB