티스토리 블로그에서 글 수정을 위한 단축키를 스킨에 추가하려면 JavaScript를 사용하여 해당 기능을 구현해야 합니다.
먼저, 이전글에서 수정 버튼을 강제로 꺼내는 방법에 대해서 살펴봤는데
2023.12.28 - [분류 전체보기] - 티스토리 2차 도메인 변경 후 글 수정 링크 만드는 방법 - 스킨 수정
티스토리 2차 도메인 변경 후 글 수정 링크 만드는 방법 - 스킨 수정
티스토리에서 2차 도메인을 변경한 경우, 기존에 작성된 글들의 수정 링크가 변경된 도메인으로 자동으로 업데이트되지 않습니다. 따라서, 변경된 2차 도메인으로 글 수정 링크를 만들기 위해서
jeylog.com
아예 단축키에 추가하는 것이 더 편리한 것 같아서, 아예 스킨에 단축키를 추가하는 방법에 대해서 알아봤다.
티스토리 스킨 단축키 추가하기
티스토리 2차 도메인을 쓰고 있는 티스토리 사용자는 잘 안 되는 것 같기도 하고, 더 이상 시간 쓰기 싫어서 아예 스킨에 글 수정하는 단축키를 넣는 방법을 찾아보았다.
일단 아래 코드를 <head>...</head> 사이에 넣어주니 크롬 브라우저에서는 정상 동작함을 확인했다.
<script type="text/javascript">
var key = new Array();
key['m'] = "/admin/entry/post/?id=" + location.pathname.split('/')[1];
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>
코드는 간단하다.
m 을 누르면 바로 글 수정 창으로 이동하도록 하는 코드이다. 주소의 pathname을 조작하여 바로 이동하도록 만드는 아주 간단한 자바스크립트인데 용도는 아주 무궁무진하네.
단, 수정 모드에서는 m이라는 키보드 입력이 바로 입력으로 되어야 하기 때문에 INPUT 이거나 TEXTAREA 내에서 m 키 입력이 발생하면 무시하도록 하는 그런 코드가 보강되어 있다.
스킨 수정 창을 이용해서 아래와 같이 추가해 보니 동작을 아주 잘하는 것을 확인했다.
지금까지 티스토리 글 수정 단축키 만들기에 대해 살짝 정리해 봤다.
블로그 생활에 작은 등대 같은 도움글이 되길 :)
'티스토리' 카테고리의 다른 글
| 티스토리 Odyssey 스킨 수정 - 애드센스 코드 추가, H 태그 변경 (0) | 2024.01.06 |
|---|---|
| 티스토리 사용자를 위한 2023 무료 스킨 추천 3개 - 애드센스 (0) | 2023.12.30 |
| 티스토리 2차 도메인 적용후 로그인 풀림 증상 해결해 보기 (0) | 2023.12.30 |
| 애드센스 - 티스토리 스킨에 2개 이상 구글 광고 추가하는 방법 (0) | 2023.12.30 |
| 티스토리 2차 도메인 DNS 설정 방법 (0) | 2023.12.28 |
댓글