본문 바로가기
블로그수익화/티스토리

티스토리 목차 내부 링크 만들기

by 프로 성공러 2023. 5. 4.

지금 보고 있는 포스팅에서 목차의 제목 중 하나를 누르면 본문 중 그 제목의 내용이 시작하는  있는 곳으로 이동합니다. 이는 독자들이 포스팅 내용 중 가장 읽고 싶은 단락으로 바로 이동할 수 있게 해 줍니다.  티스토리 목차에 내부링크를 걸어 이동하는 방법에 대해 알아보겠습니다. 

 

 

제목_티스토리 목차 내부 링크 만들기

 

목차

 

 


 

 

목차의 필요성

목차는 독자에게 편의성 제공하기 위해 필요합니다. 독자는 목차로 전체 글의 아우트라인을 먼저 알고 글을 읽을 수 있습니다. 이는 독자로 하여금 중요한 부분을 염두에 두거나 필요한 부분만 볼 수 있게 해 줍니다, 또한, 목차 사용은 구글 검색엔진 최적화에도 도움이 됩니다. 

 

이러한 목차의 기능을 돕는 방법 중 하나가 목차의 제목에 링크를 연결하는 것입니다. 아주 쉬우니 금방 따라 하실 수 있으실 겁니다.

 

 

목차 내부 링크 만드는 법

목차 내부 링크를 만들기 위해서는 출발위치와 도착위치를 정해야 합니다. 여기서는 목차의 제목들이 출발위치고, 본문의 대·중제목들이 도착위치가 됩니다.

목차 내부 링크 만들기 _출발지_도착지

 

 

출발지와 도착지의 html 소스 코드는 아래와 같습니다.

 

목차 내부 링크 만들기 _출발지_도착지_HTML

 

출발지의 <a href="#○○○○">(이때  "#○○○○"처럼 꼭 양쪽 따옴표와 샵(#)를 넣어야 합니다.)를 클릭하면 도착지의 id ="○○○○"를 찾아가게 되는 것입니다. 이때 출발지의 "#○○○○"와 도착지는 id="○○○○"에서 ○○○○은 똑같은 문자여야 합니다.(위의 예시에서  '호출응답'이  '○○○○'임)

 

 

 

목차의 여러 제목들을 차례로 링크를 걸면 아래와 같습니다.

목차 내부 링크 만들기 _다수의_출발지_도착지_HTML

위에 쓰인 html 소스는 아래에 파일로 첨부했으니 필요에 맞게 변형 후 사용하시면 될 것 같습니다.

목차링크 html.txt
0.00MB

 

 

 

목차 내부 링크 서식으로 사용하기

서식으로 목차 내부 링크를 만들어 놓으면 포스팅할 때 쉽게 사용할 수 있습니다. 

 

 서식 저장하기

블로그관리 홈의 콘텐츠 → 서식관리로 들어갑니다.

목차 내부 링크 만들기_서식으로 저장하기

우측 상단의 서식쓰기를 클릭합니다.

목차 내부 링크 만들기_서식으로 저장하기 2

제목(글전체 서식) 입력 후 우측 상단에서 모드를 HTML로 바꿉니다.

목차 내부 링크 만들기_서식으로 저장하기 3

 

 위에서 내려받은 TXT 파일을 붙여 넣기 합니다.

목차 내부 링크 만들기_서식으로 저장하기_4

 다시 기본모드로 돌아와 확인 후 저장합니다. (이때 글씨 폰트, 굵기 등을 변경 후 저장하시면 됩니다.)

목차 내부 링크 만들기_서식으로 저장하기5

 

 글쓰기에서 서식 삽입하기

 

 글쓰기에서 우측 상단의 '점세개'를 누른 뒤 서식을 클릭합니다.

목차 내부 링크 만들기_글쓰기에 서식 불러오기 1

 서식리스트에서 목차 내부링크가 저장되어 있는 서식을 클릭합니다.

목차 내부 링크 만들기_글쓰기에 서식 불러오기 2

 세팅된 서식으로 글을 써서 발행하면 됩니다.

목차 내부 링크 만들기_글쓰기에 서식 불러오기 3

 

 

 


지금까지 티스토리 목차 내부 링크 만들기에 대해 알아보았습니다. 한번 만들어놓으면 글을 쓸 때마다 쉽게 사용할 수 있습니다. 어렵지 않으니 한 번 만들어 보시기 바랍니다.

 

 


 

티스토리 꾸미기 관련 다른 글 보기

 

글 제목 배경 이미지 없애기

서식 사용법, 서식 만들기

썸네일 정사각형으로 변경하기 (북클럽 스킨, 리스트 뉴북 적용)

 

 

 

댓글