[티스토리 사용팁] 티스토리 내 링크 거는 방법

 

티스토리를 작성하다보면 글이 길어지는 경우가 발생합니다. 

이럴때  목차에서 티스토리 내 링크를 이용하여 원하는 곳으로 바로 이동을 할 수 있습니다. 

독자들은  스크롤을 내려서 긴 내용을 다 훓지 않아도 바로 원하는 곳으로 이동하기 때문에 시간 단축의 효과가 있습니다. 

 

 

 

 

---

 

 

방법은 아주 간단합니다. 

 

1. 상단의 기본모드를 클릭하여 HTML을 선택한다.

 

2. 다음과 같이 블로그글의 코드가 나타나면 링크를 걸고 싶은 문구를 찾습니다. 

저는 위 동영상 예제로 아래의 문구들을 찾았습니다. 

 

3. 링크를 걸고 싶은 문구를 찾았다면 그 문구들 앞에 해당 코드를 넣어주세요.

예시
<a href="#목차1연결"> 링크를걸고싶은문구들</a>
<a href="#사과"> 링크를걸고싶은문구들</a>

주의!
1. '목차1연결'단어는 블로그내에서 중복되지 않도록 어떠한 단어를 사용해도 상관없습니다. 
2. '목차1연결'이라는 단어 앞에 반드시 # 을 넣어줘야합니다. 

 

4. 다음은 링크를 클릭했을때 이동하고 싶은 위치의 코드를 찾습니다. 

 

그러면 그 코드의 맨 앞에 부분에 해당 코드를 넣어주세요.

예시
id="목차1연결"
id="사과"

주의!
1. 3번에서 '목차1연결' 대신에 '사과'라고 넣어줬다면 해당 코드에서도 id="사과"이렇게 코드를 넣어주셔야 합니다. 
2. 링크를 걸때 이미 '사과"라는 단어를  사용했다면 다른 링크를 걸때는 동일한 이름을 사용하면 안됩니다. 
3. 3번과는 다르게 '목차1연결'이라는 단어 앞에 # 이 없습니다. 

 

 

5. 오른쪽 아래 완료 클릭

 

 

---

 

 

작업을 완료 한 후 블로그글을 확인해보면

링크가 정상적으로 걸려 파란색 밑줄 그어진 문구가 보일 것이고 그것을 클릭하면 원하는 곳으로 이동하는 것을 확인 할수 있습니다.

 

간혹 안되는 경우가 있을 때는 아래부분이 틀리지는 않았는지 확인해보세요.

1.  <a href="#목차1연결">  부분에서 # 이 빠져있지는 않는지
2. 마지막부분에 </a> 가 빠져있지는 않는지
3. id="목차1연결" 부분에서 #이 들어가 있지는 않는지