티스토리 나에게 필요한 단축키 추가하는 방법

티스토리 단축키 추가 방법

티스토리는 블로그 운영자에게 다양한 기능을 제공하는 플랫폼입니다. 그중에서도 단축키는 블로그 관리와 글 작성의 효율성을 높이는 데 큰 도움이 됩니다. 기본적으로 제공되는 단축키 외에도 자신만의 단축키를 추가하여 블로그 운영을 더욱 편리하게 할 수 있습니다. 이번 글에서는 티스토리에서 단축키를 추가하는 방법에 대해 자세히 알아보겠습니다.

기본 단축키 소개

티스토리에서는 기본적으로 다음과 같은 단축키를 제공합니다.

Q: 관리 페이지 / 블로그 메인 페이지로 이동
A: 이전 글로 이동
S: 다음 글로 이동

이 단축키들은 블로그 메인에서 쉽게 사용할 수 있으며, 블로그 운영 시 빠른 내비게이션을 가능하게 합니다. 하지만, 자주 블로그를 확인하면서 글을 쓰는 경우, 글쓰기 페이지로 빠르게 이동할 수 있는 단축키가 필요할 수 있습니다. 예를 들어, 'W' 키를 눌러 글쓰기 페이지로 이동하도록 설정할 수 있습니다.

단축키 추가 방법

1. 스킨 편집으로 접근하기

티스토리에서 단축키를 추가하기 위해서는 스킨 편집 기능을 사용해야 합니다. 스킨 편집은 블로그의 디자인과 기능을 수정할 수 있는 중요한 도구입니다. 다음은 단축키를 추가하는 방법입니다.

2. JavaScript 코드 작성하기

아래의 JavaScript 코드를 스킨 편집기에서 추가하면 됩니다. 이 코드는 'W' 키를 눌렀을 때 글쓰기 페이지로 이동하도록 설정합니다.

<script type="text/javascript">
var key = new Array();
key['w'] = "/manage/newpost"; // 글쓰기 페이지 URL

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>

3. 코드 설명

key 배열: 이 배열은 단축키와 해당 URL을 매핑합니다. 여기서는 'W' 키를 눌렀을 때 "/manage/newpost"로 이동하도록 설정했습니다.
getKey 함수: 이 함수는 키 입력을 감지하여, 입력된 키가 'W'일 경우 지정된 URL로 이동합니다. 입력 필드나 텍스트 영역에서 입력이 이루어질 때는 단축키가 작동하지 않도록 설정되어 있습니다.
document.onkeypress: 이 부분은 키 입력 이벤트를 감지하여 getKey 함수를 호출합니다.

4. 2차 도메인 사용 시 주의사항

만약 블로그가 2차 도메인으로 운영되고 있다면, 위의 코드에서 URL 앞에 도메인 주소를 추가해야 합니다. 예를 들어, 도메인이 "example.com"이라면 다음과 같이 수정해야 합니다.

key['w'] = "https://example.com/manage/newpost";

5. 새 창으로 열기

기본적으로 위의 코드는 현재 페이지에서 글쓰기 페이지로 이동합니다. 만약 새 창에서 열고 싶다면, window.open 메서드를 사용할 수 있습니다. 아래와 같이 코드를 수정하면 됩니다.

if (which == i) window.open(key[i], '_blank');

이렇게 하면 'W' 키를 눌렀을 때 글쓰기 페이지가 새 창으로 열리게 됩니다.

다양한 단축키 추가하기

위의 방법을 통해 'W' 외에도 다른 단축키를 추가할 수 있습니다. 예를 들어, 자주 사용하는 다른 페이지로의 단축키를 추가하고 싶다면, key 배열에 새로운 키와 URL을 추가하면 됩니다. 아래는 예시입니다.

key['d'] = "/manage/dashboard"; // 대시보드 페이지
key['h'] = "/manage/posts"; // 글 목록 페이지

이렇게 하면 'D' 키를 눌렀을 때 대시보드로, 'H' 키를 눌렀을 때 글 목록 페이지로 이동할 수 있습니다.

결론

티스토리에서 단축키를 추가하는 방법을 통해 블로그 관리의 효율성을 높일 수 있습니다. 기본적으로 제공되는 단축키 외에도 자신만의 단축키를 설정하여 블로그 운영을 더욱 편리하게 만들어 보세요. 스킨 편집기를 통해 간단한 JavaScript 코드를 추가하는 것만으로도 블로그 관리가 훨씬 수월해질 것입니다. 다양한 단축키를 활용하여 블로그 운영의 생산성을 극대화해 보세요.