[WP] 워드프레스에 키보드 단축키 추가 플러그인

현재 이 블로그에는 기본 워드프레스 단축키 외에 관리자페이지로 접속하는 키보드 단축키가 적용되어 있다. 키보드의 Q 를 타이핑하면 관리자페이지로 이동하고 관리자페이지에서 Q 를 타이핑하면 메인페이지로 이동한다. input, textarea, select 등에서는  Q 를 타이핑해도 이동이 되지 않는다. 아래는 플러그인의 코드이다.

<?php

/**
 * @package WP Keyboard Shortcut
 * @version 1.0
 */
/*
Plugin Name: WP Keyboard Shortcut
Plugin URI: https://chicpro.dev/
Description: This plugin add shortcut on WordPress.
Author: Seongho Jang
Version: 1.0
Author URI: https://chicpro.dev/
*/

add_action('wp_footer', 'add_footer_javascript', 100);
add_action('admin_footer', 'add_admin_footer_javascript', 100);

function add_footer_javascript() {
?>
<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 = "<?php echo home_url(); ?>/wp-admin";
            break;
    }
}
document.onkeydown = processShortcut;
</script>
<?php
}

function add_admin_footer_javascript() {
?>
<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 = "<?php echo home_url(); ?>";
            break;
    }
}
document.onkeydown = processShortcut;
</script>
<?php
}
?>

위 코드를 워드프레스 플러그인 디렉토리에 php 파일을 생성 후 붙여놓기 하고 관리자페이지에서 플러그인을 활성화 해주면 된다.