그누보드6 홈페이지 내 단축키 기능 추가하기

형태로 단축키를 설정하여, 홈페이지를 편하게 이용할 수 있습니다.

다만, 이는 PC전용 기능이며, 모바일에서는 동작하지 않습니다.

templates/사용하시는테마/bbs/menu.html 파일을 열어주세요

어디쯤 말고 맨 하단에 보시면 스크립트 종료 되는 부분에 아래 코드를 넣어주시면 됩니다.

[code]

// 단축키를 아래에 순서대로 맞게 설정해주세요 - 메뉴 순서는 홈페이지 내 메뉴와 동일합니다.

        let key_list = ['a', 'f', 'g', 't', 'd'];

        let menus = [

            {% for menu in menus %}

                { me_link: "{{ menu.me_link }}", me_target: "{{ menu.me_target }}", me_name: "{{ menu.me_name }}" }{% if not loop.last %},{% endif %}

            {% endfor %}

        ];

        menus.forEach((menu, index) => {

            if (index < key_list.length) {

                let key = key_list[index];

                let menuItem = $(`a[href='${menu.me_link}']`);

                if (menuItem.length) {

                    menuItem.prepend(` <span style="display:inline-block; font-size: 10px; background-color: var(--menuBg); color: #fff; height: 16px;  line-height: 14px; padding: 0 4px;">(${key.toUpperCase()})</span>`);

                }

            }

        });

$(document).on('keydown', function(e) {

            if (!$(e.target).is('input, textarea')) {

                let keyIndex = key_list.indexOf(e.key);

                if (keyIndex !== -1 && keyIndex < menus.length) {

                    window.location.href = menus[keyIndex].me_link;

                }

            }

        });

[/code]

아래는 위 코드 첨부된 스샷입니다.

이렇게 적용하시면 맨위의 스샷처럼 메뉴에도 단축키가 표기 되며, 사용할 수 있습니다.

고맙습니다.