본문 바로가기

IT 서비스 바라보기/Blog

티스토리 단축키 및 추가하는 방법

티스토리 단축키 및 추가하는 방법


티스토리에는 예전부터 간편하게 사용할 수 있는 단축키가 많습니다. 글 목록에서 사용할 수 있는 단축키부터 글쓰기 에디터 모드에서 사용할 수 있는 단축키까지 종류도 다양한데요. 오늘은 티스토리를 시작한지 얼마 안되서 단축키에 대해 잘 모르셨던 분들을 위해 기본적으로 제공되는 단축키 목록과 내가 원하는 단축키를 추가하는 방법을 알려드리려고 합니다.
 
 
■ 티스토리 기본 단축키 목록 (글쓰기 화면)
글쓰기 화면에서 사용할 수 있는 티스토리 기본 단축키에 대해 간단히 설명해드리도록 하겠습니다. 티스토리에서는 단축키만 잘 알아도 글 쓰기 한결 편해진다는거~!!


 굵게 : Ctrl + B  밑줄 : Ctrl + U  기울임 : Ctrl + I
 취소선 : Ctrl + D  좌측 정렬 : Ctrl + ,  중앙 정렬 : Ctrl + . 
 우측 정렬 : Ctrl + /  번호매기기 : Ctrl + Alt + O  글머리기호 : Ctrl + Alt + U



 
 들여쓰기 : Tab  내어쓰기 : Shift + Tab   인용 : Ctrl + Q 



▲ 글쓰기 화면 넓게 쓰기 ( Ctrl + M ) - 일반 글쓰기 모드


▲ 글쓰기 화면 넓게 쓰기 [ Ctrl + M ] - 넓게 쓰기 모드 




글쓰기 화면에서 단축키 [ Ctrl + ~ ] 를 누르면 하단 탭을 차례대로 이동하면서 열어줍니다. 사용하다보면 정말 편리한 단축키 중 하나입니다.

여기서 끝이 아닙니다. 따로 이미지로 설명드릴 필요가 없는 단축키들이 있거든요. 

 실행 취소 : Ctrl + Z  다시 실행 : Ctrl + Y   링크 추가 : Ctrl + K  효과 제거 : Ctrl + Alt + X  임시 저장 : Ctrl + S

티스토리를 오랜기간 운영하고 있던 분들도 단축키를 몰라서 사용하지 않는 분들을 많이 봤는데요. 하나씩 활용해보시면 정말 유용할거예요!


■ 나만의 티스토리 단축키 만들기
저는 네이버 블로그, 구글 블로그, 티스토리 블로그, 다음 블로그 등 다양한 블로그를 운영하고 있습니다. 그 중에서 글쓰기 가장 편하고 운영하기 좋아하는 블로그는 뭐니뭐니 해도 티스토리 블로그입니다. 그 이유는 게임에서나 흔히 사용하는 '자유도'가 높다는 것 때문인데요. 스킨을 자유롭게 만져서 내가 원하는 형태로 만들 수 있다는 것 뿐만 아니라 아래에 소개해드릴 나만의 단축키를 만들 수 있다는 점도 큰 장점 중 하나입니다.

티스토리에서 나만의 단축키를 만드는 방법은 자바스크립트라는 웹 언어를 사용해서 만들 수 있는데요. 매우 간단하니 아래 내용 그대로 따라해보세요!


티스토리 관리자 화면으로 이동하여 [꾸미기] > [HTML/CSS 편집] 메뉴로 이동합니다. 내가 원하는 단축키를 추가하기 위해 skin.html 소스의 상단에 < head > ....... < /head > 부분을 찾아주시면 되는데요. 위 부분에 내가 원하는 단축키 내용을 추가해주면 됩니다.

티스토리 단축키 추가소스.txt
단축키를 추가하기 위해 먼저 위 '티스토리 단축키 추가소스.txt' 파일을 받으시고 메모장에서 열어 보시면 아래와 같은 내용이 나옵니다. (자바스크립트를 조금이라도 공부해보신 분들이라면 바로 이해되시겠지만, 전혀 모르는 분들을 위해 설명해드리겠습니다.)


 위 소스 내용을 복사해서 앞서 소개해드렸던 skin.html 의 < head > .... < /head > 사이에 넣어줍니다. 어느 위치든 상관 없습니다. 저 태그 사이에 넣고 저장해주시면 됩니다.

적용이 완료되었다면, 블로그 메인으로 이동하여 아무 글이나 읽습니다. 그 상태에서 'c' 키, 'w' 키, 'g' 키를 차례대로 눌러봅니다. 그 전에는 없던 단축키들이 동작을 하죠? ^^

소스에 대해 간단히 알려드리면 5~7번 라인에 있는 부분이 제가 추가한 단축키 내용입니다.

1. C : 블로그 글 전체보기 메뉴로 이동
2. W : 글쓰기 화면으로 이동
3. G : 방명록으로 이동

특정 단축키를 눌러 내가 원하는 메뉴나 주소로 이동하고자 한다면 첨부해드린 스크립트 소스를 수정해서 skin.html 에 붙여 넣기만 하면 됩니다. 굉장히 쉽죠?

아참, 설명을 깜빡 할 뻔했는데, 티스토리에서 제공해주는 기본 단축키가 또 있습니다. 위 단축키처럼 블로그 글들에서 동작하는 단축키입니다.

1. Q : 관리자 화면 / 블로그 메인 이동
2. A : 이전 글 이동
3. S : 다음 글 이동

위 단축키 중 ' Q ' 키는 정말 자주 사용하게 되는 단축키니 꼭 알아두고 사용해보세요~!

티스토리 블로그를 운영한지 꽤 된 분들도 티스토리에서 제공하는 단축키에 대해 잘 모르고 운영하시는 분들도 많습니다. 이번 기회에 티스토리 기본 단축키 뿐만 아니라 내가 원하는 단축키를 추가하셔서 좀 더 편리하게 티스토리 블로그를 운영해보세요!

이상, 하늘다래였습니다.