워드프레스에 키보드 단축키 적용하기

키보드 단축키? 그건 또 뭐냐?? 이렇게 생각할 수도 있습니다. 굳이 필요는 없는데 있으면 편한 것이라고 해야할까요? 티스토리를 사용할 때 관리자에 접속하기 위해서는 키보드의 Q 키를 누르면 됐습니다. 그 편한 것을 잊을 수가 없어서 결국 또 오늘.. 지금 이 시간에 또 삽질을 하고 있습니다. ㅋ 삽질이라기 보다 티스토리의 자바스크립트 코드를 워드프레스에 사용할 수 있도록 수정해서 적용한 것 뿐입니다. 키보드 단축키는 익숙한 Q를 그대로 사용했습니다. 아래는 적용한 코드입니다.

<script type="text/javascript">
function processShortcut(event) {
    event = event || window.event;
    event.target = event.target || event.srcElement;

    if (event.altKey || event.ctrlKey || event.metaKey)
        return;
    switch (event.target.nodeName) {
        case "INPUT":
        case "SELECT":
        case "TEXTAREA":
            return;
    }
    switch (event.keyCode) {
        case 81: //Q
            window.location = "/wp-admin";
            break;
    }
}
document.onkeydown = processShortcut;
</script>

위 코드를 테마의 footer.php 파일에 추가해주면 됩니다. 그런 후 블로그에서 Q를 눌러보세요.

편리

PHP와 MariaDB, jQuery 등을 사용해 게시판, 쇼핑몰 솔루션을 개발합니다. 그누보드5와 영카트5 개발에 참여 했습니다. Linux와 Nginx는 물론 WordPress, Git 등에도 관심이 많습니다. 자전거 타기 및 사진 촬영을 취미로 하고 있습니다.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.