티스토리 목차 만들기, 목차 이동 방법

목차

1. 목차만들기

2. 목차 HTML 수정하기

3. 대상 HTML 수정하기

1. 목차만들기

티스토리 목차 만들기 방법과 목차를 누르면 대상으로  이동하는 방법을 설명하려고 합니다.

목차를 만들면 구글 알고리즘이 선호하는 것으로 알려져 있습니다.

그래서 티스토리 블로그에서도 목차를 만들고 목차로 바로 대상으로 이동하는 방법을 적용하려고 합니다.

 

여기서 설명 드릴 방법은 스킨편집이나,파일업로드없이 HTML 수정만으로 목차를 만들고 이동하는 방법입니다.

우선 상단의 인용을 눌러 3번째 네모박스를 선택해줍니다.

그리고 목차와 1. 녹차만들기 2.녹차2만들기 3. 녹차3만들기 등 에시와 같이 목차를 적습니다

그리고 목차내용을 소제목으로 아래에 내용도 적어줍니다.

2. 목차 HTML 수정하기

HTML 모드로 들어가서 목차를 아래와 같이 변경합니다

<p><a href="#a1">1. 첫번째 제목</a></p>
<p><a href="#a2">2. 두번째 제목</a></p>
<p><a href="#a3">3. 세번째 제목</a></p>

 

3. 대상 HTML 수정하기

<p id="a1"> 1. 첫번째 제목
<p id="a2"> 2. 두번째 제목
<p id="a2"> 3. 세번째 제목

아래와 같이 대상도 수정해줍니다.

 

그럼 위와 같이 목차의 제목을 누르면 대상으로 바로 이동하는 것을 볼 수 있습니다. 

이상으로 별도의 스킨편집이나 파일 업로드 없이 HTML 수정만으로 목차 만들기 방법과 목차 이동 방법에 대해 알아보았습니다. 다음에는 스킨적용 및 파일업로드로 목차 만들기 간편 적용하는 방법에 대해 알아보겠습니다. 감사합니다.