티스토리 블로그 목차 만들기, 목차 이동 하기

 

 

안녕하세요. 오늘은 티스토리 블로그 목차 넣는 방법에 대해서 설명드리겠습니다. 목차는 블로그를 쓸 때 글의 방향성, 본인이 표현하고자 하는 글의 내용을 간략하게 확인할 수 있는 장치인데요. 글을 쓰기 전에 목차를 추가하여 사용자가 편리하게 이를 확인해 볼 수 있는 방법에 대해 알려드리겠습니다.

 

인용구 넣기

 

 

1. 목차 만들기

우선  화면 오른쪽 상단에 "인용구"창에서 아래 3번째 칸에 위치한 박스를 클릭해 줍니다. 그러면  아래와 같은 빈 박스가 생기는데요. 여기에 여러분이 사용하실 목차를 정리해서 써 주시면 됩니다.

 

저는 아래와 같이 전산회계 자격증 시험과 관련하여 목차를 만들었습니다. 목차가 한 번에 정리되어서 보기 좋고 글을 읽는 분들도 이 블로그가 무슨 내용을 설명하고 있는지 한 번에 확인할 수 있는 장점이 있더라고요. 해당 목차를 누르면 해당하는 글의 위치로 이동할 수 있도록 해보겠습니다. 저를 믿고 천천히 따라와 주세요~ 저도 한 번에 쉽게 따라 했으니까 여러분들도 금방 따라 할 수 있으실 거예요. 목차를 저렇게 적어 놓았으면 그다음으로 해당되는 내용을 설명해 주면 됩니다.

 

 

 

 

 

<변경 전>

목차
1. 전산회계 자격시험 개요
2. 2023년 국가공인 전산회계 자격시험 일정
3. 전산회계 자격시험 시험종목
4. 전산회계 1급 기출문제 총정리(76회~108회)

 

저는 우선 위와 같이 전산회계 자격증 시험과 관련하여 목차를 만들었습니다. 저 목차를 누르면 해당하는 글의 위치로 이동할 수 있어요. 아래는 <a href 태그>와 <id 태그>를 사용해서 변경된 이후의 모습이니 지금은 신경 안쓰셔도 됩니다. 

 

 

<변경 후>

목차

1. 전산회계 자격시험 개요

2. 2023년 국가공인 전산회계 자격시험 일정

3. 전산회계 자격시험 시험종목

4. 전산회계 1급 기출문제 총정리(76회~108회)

 

 

 

2. 목차에 맞는 글의 내용을 쓰기

 

1. 전산회계 자격시험 개요

전산회계 자격시험이란 어쩌고 저쩌고~ 

 

 

2. 2023년 국가공인 전산회계 자격시험 일정

전산회계 자격시험 일정은 어쩌고 저쩌고~

 

 

3. 전산회계 자격시험 시험종목

전산회계 자격시험 일정은 어쩌고 저쩌고~

 

 

4. 전산회계 1급 기출문제 총정리(76회~108회)

전산회계 1급 기출문제는 어쩌고 저쩌고~ 

 

 

 

 

3. html 편집하기

이제 기본모드에서  'html 모드'로 들어가주세요. 

티스토리 목차 넣기

위와 같이 외계어로 알아듣기 힘든 용어로 적혀있지만 컴퓨터가 받아들이는 언어이므로 겁 내실 필요가 전혀 없습니다. 우선 '목차'와 '이동할 문구'를 찾으세요! 

 

 

티스토리 목차 만들기

일단 '목차' 항목을 찾았는데요. 위와 같이 보이는 내용을 <a href태그>를 사용해서 아래와 같이 변경해 줄게요! 

 

티스토리 목차 만들기

 

파란색박스에 있는 태그를 직접 입력하시면 됩니다. 목차가 저는 4개라서 c1~c4까지 입력을 했습니다. 

<p><a href="c1">1. 전산회계 자격시험 개요</a></p>
<p><a href="c2">2. 2023년 국가공인 전산회계 자격시험 일정 </a></p>
<p><a href="c3">3. 전산회계 자격시험 시험종목 </a></p>
<p><a href="c4">4. 전산회계 1급 기출문제 총정리(76회~108회)</a></p>

 

이렇게 입력을 하고 기본모드로 돌아오시면  본인이 작성하고 있는 목차에 아래와 같이 파란색 줄로 밑줄이 쳐져 있는 것을 확인할 수 있습니다. 이제 50%는 다 된 거나 다름없습니다. 이제 저 해당 목차를 클릭했을 때 티스토리 해당 블로그 내용으로 넘어가는 것을 적용해 줄게요. 

 

 

다시 html모드로 들어가서 id 태그를 입력해 주시면 됩니다. 이제 목차를 눌렀을 때 해당 블로그 내용으로 넘어가기 위한 작업입니다. 내용을 적었던 문구 앞에  id태그를 넣어주시면 됩니다. 해당 목차 항목에 맞게 c1, c2, c3, c4 등 숫자도 바꿔주셔야 합니다.

 

티스토리 목차 이동하기

<p id="c1">1. 전산회계 자격시험 개요
<p id="c2">2. 2023년 국가공인 전산회계 자격시험 일정
<p id="c3">3. 전산회계 자격시험 시험종목
<p id="c4">4. 전산회계 1급 기출문제 총정리(78회~108회)

 

티스토리 목차 만들기!! html 모드로 들어가서 <a href>와 <id> 태그를 이용해서 쉽게 목차를 만들 수 있습니다. 컴퓨터 화면에서 블로그를 작성하시는 분들이라면 수기로 조금만 신경 써주시면 보기 좋게 목차를 만들 수 있는데요. 이렇게 천천히 해보시면 아주 유익하고 만족스러운 블로그 작성하시는데 도움이 되실 거라고 생각합니다.

 

이렇게 목차를 눌렀을 때 해당 항목으로 이동할 수 있는 장점도 있지만, 목차 없이 소제목에 숫자를 표시해도 구글 알고리즘에 도움이 되더라고요! 아래는 위와 같은 목차 서식을 이용해서 티스토리 블로그를 작성했던 글입니다.

 

 

 

 

https://chgk2739.tistory.com/m/entry/%EC%A0%84%EC%82%B0%ED%9A%8C%EA%B3%84-1%EA%B8%89-%EC%8B%9C%ED%97%98%EC%9D%BC%EC%A0%95-%EB%B0%8F-%EA%B8%B0%EC%B6%9C%EB%AC%B8%EC%A0%9C" rel="noopener" data-mce-href="http://전산회계 1급 시험일정 및 기출문제 - https://chgk2739.tistory.com/m/entry/%EC%A0%84%EC%82%B0%ED%9A%8C%EA%B3%84-1%EA%B8%89-%EC%8B%9C%ED%97%98%EC%9D%BC%EC%A0%95-%EB%B0%8F-%EA%B8%B0%EC%B6%9C%EB%AC%B8%EC%A0%9C"> http://전산회계 1급 시험일정 및 기출문제 - https://chgk2739.tistory.com/m/entry/%EC%A0%84%EC%82%B0%ED%9A%8C%EA%B3%84-1%EA%B8%89-%EC%8B%9C%ED%97%98%EC%9D%BC%EC%A0%95-%EB%B0%8F-%EA%B8%B0%EC%B6%9C%EB%AC%B8%EC%A0%9C 

전산회계 1급 시험일정 및 기출문제