[Tistory] 티스토리 단축키 추가

참고 블로그: https://nittaku.tistory.com/377

티스토리에서는 기본적으로 단축키 기능을 제공하고 글을 쓸 때에도 ... 표시를 클릭하면 아래와 같은 단축키 리스트를 확인할 수 있습니다. 개인적으로 한글과 같은 문서 편집기처럼 해당하는 기능 아이콘에 마우스 커서를 올리면 단축키가 보이는 식으로 구성되는 식으로 서비스가 개선됐으면 합니다.

블로그를 활용하다보면, 블로그 관리에 종종 들어갈 경우가 있고 글쓰기를 스킨의 구성따라 버튼을 클릭해야하는 번거로움이 있습니다. 이러한 번거로움을 피하기 위해 티스토리에 단축키(shortkey)를 설정하는 방법을 찾아봤습니다.

제가 주로 자주 쓰는 페이지는 블로그관리의 애드핏, 카테고리 수정, 스킨 수정 등이 있습니다. 그리고 글쓰기 수정, 새 글쓰기 등이 있습니다. 이러한 기능을 추가하기 위해서는 스킨편집에서 html 편집을 하고 <head>와 </head> 사이에 아래와 같은 코드를 추가해야합니다.

key['원하는 단축키'] = "이동하고 싶은 페이지 링크"와 같은 식으로 구성하면 아래와 같은 페이지 이동을 하는 단축키이외에도 다양하게 추가할 수 있습니다.

a: 애드핏
c: 카테고리
d: 스킨 편집
m: 해당 글 수정
s: 방문 통계
w: 새로운 글쓰기

<script type="text/javascript">
  var key = new Array(); 
  key['a'] = "/manage/revenue/adfit";
  key['c'] = "/manage/category"
  key['d'] = "/manage/design/skin/edit#/";
  key['m'] = "/admin/entry/post/?id=" + location.pathname.split('/')[1];
  key['s'] = "/manage/statistics/blog";
  key['w'] = "/manage/newpost"; 

  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>

단축키를 위처럼 추가하더라도 몇가지 불편한 사항들이 있습니다. 글을 쓴 후 블로그 홈이나, 글이 작성된 카테고리 목록으로 가는게 아니라, 글 관리 페이지로 이동한다는 점입니다. 해당 부분은 크롬 브라우저를 사용하는 유저면서 블로그 활동이 잦은 분이라면 간단하게 해결 가능합니다. 크롬 브라우저에서 설정 > 모양 > 홈 버튼 표시에서 블로그 링크로 해당사항을 설정합니다. 크롬의 장점은 홈을 설정해도 새 탭 열기는 또 구글이나 네이버와 같은 검색엔진으로 설정이 가능하기 때문에 홈 기능을 이런 식으로 활용해도 좋습니다. 이렇게 홈 설정을 블로그 링크로 하면, 글 관리 페이지로 갔을 때 단축키 사용이 어려운 점을 Alt + Home 단축키를 통해 본인 블로그 링크로 이동할 수 있다는 장점이 있습니다.

이러한 방법이 번거롭다고 느껴진다면 html에서 단축키를 설정할 때 새 탭으로 열기, 새 창으로 열기가 가능하게끔 앞에 블로그 url을 추가하면 됩니다.

저작자표시 비영리 변경금지

티스토리툴바