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

IT 바라보기/Blog


              [공지]연극 [스캔들] 초대이벤트! 진행中! (~5/29 까지)
              [공지]연극 [시간을 파는 상점] 초대이벤트! 진행中! (~6/4 까지)

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


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


 굵게 : 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 ' 키는 정말 자주 사용하게 되는 단축키니 꼭 알아두고 사용해보세요~!

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

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

Name
Password
Homepage
Secret
사진찍는삼촌 2013.08.15 00:24 신고 URL EDIT REPLY
오호..그럼 원래 기본 단축키도
어딘가에 저런 소스를 적용하는 건가요?
정말 신기하네요 이거~~

아무튼 하늘다래님 모르시는게 없다니깐요 ^^
하늘다래 | 2013.08.15 11:34 신고 URL EDIT
네, 티스토리 전체에 아마..
넣어뒀을꺼예요 ㅎㅎㅎ
도느로 2013.08.15 09:31 신고 URL EDIT REPLY
세월이 흘러도(?)변함없는 하늘다래님의 좋은 포스팅 잘 보고갑니다.
아무래도 이 자료는 제게 굉장히 중요할듯해서 프린트해서 가지고 있어야 할듯합니다.
건강하시죠? 앞으로는 더더욱 건강하세요 ^^
하늘다래 | 2013.08.15 11:34 신고 URL EDIT
세월이 흘러도 ㅋㅋ
도느로님 잘 지내시죠?

더 깔끔하게 포스팅할껄 그랬네요;;
프린트까지 해주신다니^^;;
어듀이트 2013.08.15 12:30 신고 URL EDIT REPLY
티스토리 단축키 잘 알아갑니다`
행복한 하루 되시길 바래요
핑구야 날자 2013.08.15 13:16 신고 URL EDIT REPLY
익숙해지면 정말 편하겠어요. 잘 배우고 갑니다.
하늘다래 | 2013.08.15 20:52 신고 URL EDIT
네^^
익숙하게 쓰면 정말 편해지는게 단축키죠!
신기한별 2013.08.15 13:22 신고 URL EDIT REPLY
티스토리 단축키정보 잘 얻고 갑니다.
알송달송IT세상 2013.08.15 15:16 신고 URL EDIT REPLY
제일 많이 활용하는게 Q입니다 필수가 아닌가 싶습니다 자주활용하는 키중심으로 미리 디파인 해두면 좋을 거 같네요
하늘다래 | 2013.08.15 20:52 신고 URL EDIT
맞습니다 ㅋㅋ
진짜 Q는 진리 ㅎㅎ
+요롱이+ 2013.08.15 16:06 신고 URL EDIT REPLY
익숙해지면 참 편리할 듯 합니다^^
너무 잘 보고 갑니다!
Q의 성공 2013.08.15 16:36 신고 URL EDIT REPLY
단축기 활용법에 대해 잘 알아 갑니다~ ^^
좋은 하루를 보내세요~
용작가 2013.08.15 17:25 신고 URL EDIT REPLY
오!!! 글쓰기에도 단축키 적용이 가능하군요. ^^
하늘다래 | 2013.08.15 20:52 신고 URL EDIT
네!
본문에서는 내가 원하는걸 만들 수도 있어요 ㅎㅎ
황금너구리 2013.08.15 19:39 신고 URL EDIT REPLY
맨날 수동으로 하다가 단축기로도 할 수 있으니 편할거 같아요.ㅎ
단축기를 일일이 외우고 계속 쓰다보면 편해지겠죠.ㅎㅎ
하늘다래 | 2013.08.15 20:52 신고 URL EDIT
맞습니다 ㅋㅋㅋ
자기가 원하는 메뉴로 가기도 편하구요~!
릴리밸리 2013.08.15 20:51 신고 URL EDIT REPLY
티스토리 단축키에 대한 정보 잘 보고 갑니다.
휴일 저녁도 행복하세요.^^
쿨펀치 2013.08.16 00:41 신고 URL EDIT REPLY
티스토리 자주 이용하시는 분들에게 큰 도움이 되겠습니다.

즐거운 하루 되세요.
장화신은 삐삐 2013.08.17 23:32 신고 URL EDIT REPLY
이런 단축기가 다 있네요..메모메모..ㅎㅎ
좋은정보 감사합니다!
Pug 2013.11.04 23:56 신고 URL EDIT REPLY
오! 댓글 정리 네이버에서 최상단에 나오네요 ㅎ 좋은 정보 보고 갑니다~
혹시 2013.12.30 18:28 신고 URL EDIT REPLY
없애는 방법도 있을까요?
q를 눌르면 자꾸 관리자모드로 들어가서 미치겠네요;;

이것만 없으면 될 것 같은데..