본문 바로가기
생활정보

티스토리 블로그 링크관련 정보

by 달콤사탕 2023. 8. 5.
반응형

오늘은 티스토리블로그에서 링크를 넣으실 때 궁금하신 사항에 대해 모두 모아 정리해보는 시간을 갖겠습니다.

나의 글에 링크를 삽입하면 읽는 분들의 체류시간이 길어져 블로그 수익화에 많은 도움이 됩니다.

티스토리블로그에서 링크를 삽입할 때 링크이름을 변경하거나 내 이전 글을 삽입하는 등의 방법을 사용하고 싶지만 아직 방법을 몰라 헤매시는 분들에게 도움이 되는 글입니다.

 

  1. 링크 이름 한글로 변경하기
  2. 이전글 삽입하기
  3. 내 글에 있는 글자에 링크걸기(목차에 활용)

 

[1] 링크 이름 한글로 변경하기

  • 링크를 그냥 달게 되면 영어로 된 주소로 들어가게 됩니다. 하지만 읽는 분들에게 이 주소가 어떤 주소인지 한번에 알려드리기 위해 링크를 아예 이름으로 변경하면 더욱 깔끔하게 링크를 삽입할 수 있습니다.
  • 링크 이름을 한글로 변경하는 방법은 표와 같습니다.
순서 방법
1 내가 달고 싶은 링크주소를 넣고 싶은 곳에 삽입합니다.
2 HTML 수정 모드로 들어갑니다.
3 내가 넣은 링크주소를 찾습니다.
4 <a href="영어링크주소">변경하고 싶은 이름</a>
변경하고 싶은 이름에 영어링크가 그대로 들어가 있습니다. 이 부분을 내가 바꾸고 싶은 이름으로 변경합니다.
예시 <a href="https://www.naver.com/">네이버</a>
네이버

 

[2] 이전 글 삽입하기

  • 나의 이전 글을 삽입하면 내 블로그에 있는 글들에 머무르는 시간이 길어지면서 블로그 성장에 도움이 됩니다.
  • 이전 글 삽입하기는 플러그인을 활용하면 아주 간단하게 실시할 수 있습니다.
  • 순서: 플러그인 설정하기 → 글쓰기에 활용하기
  • 1. 플러그인 설정하기
순서 방법
1 내 블로그 첫 화면에서 Q버튼을 눌러 관리화면으로 들어갑니다.
2 메뉴에서 플러그인에 들어갑니다.
3 플러그인 중 "이전 발행 글 링크 삽입하기"를 눌러줍니다.
4  밑에 있는 버튼 중 '적용'버튼을 클릭합니다.

 

여기서 가운데 있는 "이전글은 000형태로 표시됩니다"를 클릭해서 나오는 것 중 "제목"으로 설정하면
조금 더 깔끔하게 나의 이전 글링크를 삽입할 수 있습니다.
  • 2. 내 글에 이전 글 링크 삽입하기
순서 방법
1 글쓰기를 선택해서 들어갑니다.
2 메뉴바를 살펴봅니다.
3 그 중 점3개가 나란히 있는 더보기를 선택합니다.
4 더보기 메뉴 중 플러그인에 마우스를 갖다대면 "이전 발행 글 넣기"가 활성화 되어 있습니다.
이 메뉴를 선택하여 삽입할 글을 선택하면 글이 첨부됩니다.

<예시>

티스토리 사진 여러장을 나란히 배치하는 방법

 

티스토리 사진 여러장을 나란히 배치하는 방법

오늘은 티스토리에서 사진 여러 장을 나란히 배치하는 방법에 대해 알아보겠습니다. 티스토리에서 사진 여러장 배치하려 하면 한 줄에 한 장씩만 배치되도록 나타나는데요. 하지만 여러장을 나

sweet-idea.tistory.com

이렇게 나의 이전 글을 추가할 수 있습니다.

 

[3] 내 글에 있는 글자에 링크 걸기

  • 글을 쓰다보면 목차를 작성할 때가 있습니다. 이 때 목차를 클릭하면 바로 해당 글로 이동되면 읽는 사람에게 편리함을 줄 수 있습니다. HTML 코드를 사용하여 링크를 걸 수 있습니다.
순서 방법
1 글을 모두 작성한 후 HTML모드로 들어갑니다.
2 HTML모드에서 출발문구와 도착문구의 위치를 확인합니다
3 사용할 코드는 다음과 같습니다.
- 출발문구 코드: <a href="#★★">
- 도착문구 코드: <h2 id="★★" data-ke-size="size26">
★★에 들어가는 문구는 01, 02와 같이 간단하게 설정하면 되며
연결되는 링크에는 같은 숫자(문구)를 넣어야 이동됩니다.
예시 글로는 이해가 어렵기 때문에 예시로 다시 설명드리겠습니다.

1. 저는 출발문구를 예상공개일, 도착문구를 [1] 아이폰 15 예상 공개일로 지정하겠습니다. 


2. 출발문구 앞에  <a href="#별명"> 코드를 붙여줍니다.


3. 도착문구 앞에는 <h2 id="no0" data-ke-size="size26"> 코드를 붙여줍니다.


4.  그럼 이렇게 연결이 완성됩니다.

목차를 사용하실 때 이렇게 나의 글을 연결해두면 가독성이 높아집니다.

HTML코드는 메모장을 참고하셔서 붙여넣기 하시면 편리합니다.

목차링크 html.txt
0.00MB

 


오늘은 이렇게 티스토리블로그에 링크를 삽입하는 경우 필요한 정보에 대해 알아보았습니다. 글 참고하셔서 체류시간을 늘리시는데 도움이 되시길 바랍니다.

반응형