워드프레스 사이트 로그인 간편하게 만들기

워드프레스 사이트에 로그인하기 위해서는 사이트 주소 뒤에 /wp-admin 으로 접속을 해야 합니다. 뭐, 키보드로 직접 쳐도 그리 귀찮지는 않은 것이지만, 키보드 단축키를 제공하는 티스토리와 같은 서비스를 이용하다 보면, 그것도 좀 귀찮아요.

티스토리의 경우 내 블로그를 보고 있다가 q 버튼을 누르면 관리자 페이지로 전환이 됩니다. 관리자 페이지를 보다가 q를 눌러도 내 블로그로 다시 돌아갑니다.

워드프레스 wp-admin 페이지 연결되는 단축키

그럼 어떻게하면 워드프레스 사이트도 로그인을 간편하게 할 수 있을까요? 티스토리에서 제공하는 핫키와 같은 기능을 넣어주면 되는 것이죠?

요즘은 자바스크립트 언어를 잘 몰라도 chatGPT, Gemini, Claude 등을 이용해서 아주 쉽고 간편하게 코드를 만들 수 있습니다.

프롬프트는 이렇게 하면 됩니다. “워드프레스 사이트에서 wp-admin 페이지로 바로 이동할 수 있는 단축키를 q로 지정하려고 해. /body 태그 뒤에 넣을 거고, 자바스크립트로 바로 들어갈 수 있게 코드를 짜줘”라고 입력하면 바로 코드를 만들어 줍니다.

<script>
document.addEventListener('keydown', function(event) {
    // 'q' 키를 눌렀을 때 작동 (소문자 'q')
    if (event.key === 'q') {
        // 'q'가 눌렸을 때 wp-admin으로 이동
        window.location.href = '/wp-admin';
    }
});
</script>

그럼 위와 같이 코드를 짜 주더라고요. eventlistener가 키보드가 눌러지는 등의 이벤트가 있는지를 모니터링하는 것으로 보입니다. 이 기능은 크롬이나 엣지 등 브라우저에서 사용되는 것이겠죠. 거기서 q키가 눌리면 /wp-admin 페이지로 이동됩니다.

하지만 워프 사이트의 가장 중요한 것은 속도죠? 이 코드를 넣는다고 워프 사이트 로딩 속도가 느려질 이유는 딱히 없지만, 그래도 이 코드는 맨 나중에 천천히 실행되도 됩니다. 그래서 프롬프트에 하나 더 추가합니다. “워프 사이트 로딩 속도에 영향을 안 주는 코드를 추가할 수 있냐?”고 말이죠.

<script>
document.addEventListener('DOMContentLoaded', function() {
    document.addEventListener('keydown', function(event) {
        // 'q' 키를 눌렀을 때 작동 (소문자 'q')
        if (event.key === 'q') {
            // 'q'가 눌렸을 때 wp-admin으로 이동
            window.location.href = '/wp-admin';
        }
    });
});
</script>

그렇게 하니까 위 코드로 넣으라고 하네요. DOM이 모두 로드된 이후에 q를 눌렀는지를 본다는 것인데, 조금 복잡합니다. 조금 더 쉬운 defer라는 방법도 있다고 설명을 해 주니 그것은 좀 더 코드가 가벼운지 보지요.

<script defer>
document.addEventListener('keydown', function(event) {
    // 'q' 키를 눌렀을 때 작동 (소문자 'q')
    if (event.key === 'q') {
        // 'q'가 눌렸을 때 wp-admin으로 이동
        window.location.href = '/wp-admin';
    }
});
</script>

확실히 코드가 더 간편해 졌습니다. 처음 코드에서 defer만 추가된 것이니까요. 이렇게 하나 배우는 것이죠. 코드가 로딩이 좀 느려도 괜찮은 것이라면 defer 속성을 추가하면 천천히 로드 되는 것으로 보여집니다.

이 방법으로 사이트를 바꿔 놓으니까, 아주 편리하네요. 이제는 그냥 모니터링만 하다가 글을 쓰거나 관리가 필요할 때 간편하게 q눌러서 들어오고 있습니다. 여러 워프 사이트 운영하시는 분들은 이거 해 놓으면 편리할거라 봅니다.

Similar Posts