기타

[Tistory] 티스토리 글 작성 시 스크롤 이동 및 링크 이동

chb2005 2022. 4. 15. 18:26
반응형

같은 페이지에서 스크롤 이동

  • 글 작성 도중 작성중인 글 내에서 스크롤 이동을 원하는 경우가 생김
  • 만약 이 글 아랫부분에 "여기로 이동"로 한번에 이동시키고 싶은경우 "이 텍스트 클릭 시 이동"이 텍스트를 클릭하면 아래로 한번에 이동시키는 방법
  1. 기본모드가 아닌 HTML 선택

  1. 작성중인 페이지가 HTML 형식으로 바뀜
  2. HTML 페이지에서 클릭시 이동시켜주는 텍스트와 이동시킬 위치를 찾음
<!--클릭시 이동시켜주는 텍스트-->
<li>만약 이 글 아랫부분에 "여기"로 한번에 이동시키고 싶은경우 "이 텍스트 클릭 시 이동"이 텍스트를 클릭하면 아래로 한번에 이동시키는 방법</li>
<!--이동시킬 위치-->
<li>여기</li>
  1. 위 두 코드를 아래와 같이 수정
<!--클릭시 이동시켜주는 텍스트-->
<li>만약 이 글 아랫부분에 "여기"로 한번에 이동시키고 싶은경우 <a href="#here">"이 텍스트 클릭 시 이동"</a>이 텍스트를 클릭하면 아래로 한번에 이동시키는 방법</li>
<!--이동시킬 위치-->
<li id="here">여기</li>
  • 이동시킬 위치에 해당하는 태그에 id 지정 + 클릭시 이동시켜주는 텍스트에 a 태그를 이용한 방식
  • 다음과 같이 수정하고 위에 있는 "이 텍스트 클릭 시 이동" 을 누르면 "여기로 이동" 부분으로 이동됨을 확인 할 수 있음.

다른 페이지로 링크 이동

개발일기 홈으로 이동

  1. 글 작성 시, 링크를 연결하고 싶은 텍스트 선택

  1. 링크 삽입/수정 버튼 클릭 후 URL칸에 이동 원하는 URL 입력

  • 여기로 이동
반응형