본문 바로가기

TBlog/TStory Skin / Tip

티스토리 단축키 활용과 추가 설정


티스토리 블로그를 개설한 지 두어 달 정도 지났는데 글을 작성할 때마다 오피스 프로그램에서도 일반적으로 많이 쓰이는 단축키 정도는 티스토리에서도 지원해 주고 있어 유용하게 쓰고 있습니다.


◈ 티스토리 기본 단축키

어떤 단축키가 쓰이는 지는 2002년 3월말 개편되기 이전의 글쓰기 에디터에선 F2를 누르거나 물음표를 누르면 지원되는 단축키 목록을 살펴볼 수 있습니다.

저에겐 굵게(Ctrl+B), 밑줄(Ctrl+U) 이나, 실행취소(Ctrl+Z) 같은 건 원래부터 많이 쓰던 키들이라, 몇가지는 금방 익숙해지더군요.


글쓰기에서 단축키가 적용되는 건 자연스레 알게 됐지만, 티스토리 블로그 자체에도 단축키를 지원해주고 있었다는 사실은 최근에야 알게 됐습니다.

❖ 티스토리 기본 단축키

Q : 관리자 페이지

A : 이전 글 보기

S : 다음 글 보기

Z : 사이드 바의 최근 글

X : 사이드 바의 최근 댓글

C : 사이드 바의 최근 트랙백

관리자 페이지로 가는 단축키(Q)는 ‘관리자 페이지’ ⇄ ‘메인페이지’ 토글 형식으로 작동하여 굉장히 유용합니다. 포스트에서 Q를 누르면 관리자 페이지로 이동하고 다시 Q를 누르면 블로그 메인화면으로 이동하게 되면서 다시 다른 단축키를 쓸 수 있는 상태가 됩니다.


◈ 티스토리 단축키 추가

기본적인 단축키 이외에도 추가로 단축키를 지정 할 수 있습니다. 관리자페이지의 HTML/CSS 페이지에서 skin.html의 HEAD 태그 안에 아래 Script를 넣으면 단축키를 추가 사용할 수 있습니다.

<!--추가 단축키-->
<script type="text/javascript">
var key = new Array();

key['w'] = "/admin/entry/";
key['e'] = "/admin/skin/edit/";
key['d'] = "/admin/entry/post";
key['f'] = "/admin/comment/";
key['z'] = "/admin/plugin/refererKeyword/";
key['x'] = "/admin/plugin/refererUrlLog/";
key['c'] = "/admin/plugin/visitor/";

function getKey(keyStroke) {
 if ((event.srcElement.tagName != 'INPUT') && (event.srcElement.tagName != 'TEXTAREA')){
  isNetscape=(document.layers);
  eventChooser = (isNetscape) ? keyStroke.which : event.keyCode;
  which = String.fromCharCode(eventChooser).toLowerCase();
  for (var i in key)
   if (which == i) window.location = key[i];
 }
}
document.onkeypress = getKey;
</script>
<!--/추가 단축키-->


<head>~</head>사이에 스크립트 추가


잘 살펴보시면 알겠지만, 추가적으로 단축키를 지정하는 방식은 아래와 같은 형식입니다.

key['단축키'] = "주소";

몇가지 예시를 들자면,

key['l'] = "/location";              L : 위치로그
key['t'] = "/tag";                   T : 태그
key['g'] = "/guestbook";           G : 방명록


◈ 티스토리 단축키 설정

여러 가지 단축키를 설정할 수 있는데, 저 같은 경우 이왕이면 손이 덜 가는 왼쪽자판을 중심으로 키를 지정하고, 개인적으로 많이 쓰일만한 메뉴를 단축키로 지정했습니다.

제 블로그 같은 경우 보시는 바와 같이 사이드바를 거의 지워버린 상태라 기본 단축키에서 사이드바의 댓글 바로가기로 지정된 ‘Z, X, C’ 단축키 같은 경우는 저에겐 불필요하므로 각각 관리자 페이지의 ‘유입키워드’, ‘유입경로’, ‘방문자통계’ 페이지로 가도록 변경했습니다.

그리고 댓글 확인을 위해 따로 ‘관리자 메뉴의 댓글’ 페이지로 바로 가도록 단축키 ‘F’를 추가했습니다.


손이 덜 가게 왼쪽 자판 중심으로

W : 관리자 페이지의 글목록

E : HTML/CSS 편집

D : 글쓰기

F : 관리자 페이지의 댓글

Z : 관리자 페이지의 유입 키워드

X : 관리자 페이지의 유입 경로

C : 관리자 페이지의 방문자 통계


이런 방식으로 본인이 자주 쓰는 몇가지 메뉴들은 추가적으로 단축키를 지정해서 편리하게 활용하세요.