[티스토리] 반응형 스킨 #1 카테고리 및 검색 버튼 클릭시 무반응 문제 해결법

티스토리 반응형 스킨 #1 카테고리 및 검색 버튼 등 무반응 문제 발견

티스토리에서 지원해주는 다양한 스킨 중에서도 가장 마음에 들었던 반응형 스킨 #1. 너무 화려하지도 않고 그렇다고 너무 없어보이지도 않으면서, 반응형 view 까지 두루 갖춘 정말 딱 좋은 스킨이 아닐 수 없죠.

메인 화면이며, 메뉴 리스트 구성, 작성한 글 보기 등 정말 하나같이 흠 잡을 것이 없는 스킨이지요. 그런데 말입니다. 사용하다보니 네비게이션 바에 달려있는 메뉴 버튼들이 어느 순간부터 클릭해도 작동을 하지 않았습니다. 특정 브라우저를 제외하고, 가장 많이 쓰는 크롬, 인터넷 익스플로러에서 메뉴 버튼이 동작하지 않는건 정말 큰 문제죠. 티스토리의 해당 스킨 소개글에서 저와 같은 문제를 겪고 있는 분들의 댓글이 곳곳에...

출처 : http://notice.tistory.com/2271

이미 효율적인 블로그 작성을 위한 파일들을 여럿 첨부해놨고, 꾸미기를 위한 CSS 링크 및 각종 스크립트 들을 적용해놓은 상태인데 새로운 스킨으로 바꿨다간 이 모든 과정을 다시 한번 겪어야한다는 생각에 앞이 깜깜해지던...

(블로그 시작한지 얼마되지 않아서 스킨 변경 시 적용한게 다 날라가는지는 테스트해보지 않아서 불안불안해요..)

문제 찾기

문제는 웹 브라우저가 스킨에 적용되어있는 스크립트 파일의 init function 을 찾지 못하면서 생기는 오류였습니다. 확실하진 않지만 아무래도 예전 기본 스킨에 있던 스크립트 파일과 #1 스킨의 파일명이 동일하여 새로운 파일로 인식하지 못하면서 캐쉬로 인하여 발생하는 에러가 아닐까 조심스럽게 예측해봅니다.

하지만 걱정하지마세요! 의외로 해결 방법은 엄청나게 간단합니다.

문제 해결

관리페이지 > HTML/CSS 편집 > HTML 편집 에서 아래와 같은 소스를 찾습니다.

찾으셨다면, 첨부되어 있는 스크립트 파일 코드를 아래와 같이 변경해주세요.

뒤에 붙은 숫자 1 은 임의로 적은 숫자로서 해당 script 파일의 버전을 표현할 수 있는 그 어떤 값이라도 상관없으니 숫자 영문등으로 변경 가능합니다.

변경전 : <script src="./images/script.js"></script> 변경후 : <script src="./images/script.js?ver=1"></script>

?ver=1 이라는 코드가 추가되면서 블로그에서는 이 파일이 새로운 파일이라는 것을 인식하게 되면서 앞서 찾지 못했던 init 스크립트를 읽기 시작할 것입니다. 이제, 변경된 HTML의 편집을 저장하고 확인해보세요. 잘 되시죠? ;- )