2018 Nam Insik Portfolio site ː Designed by werty.co.kr ː nis@werty.co.kr
 
 
 
 
 
 
 
 
관리자 페이지 중 위젯에서 드래그 & 드롭이 안되는 현상

워드프레스 공식 홈페이지 사용자 포럼에서는  Admin widget drag and drop not working 으로 질문이 올라온 내용이긴 하나 제대로 답변이 적혀져 있지 않아서 정리하였다.

일단 이런 현상의 이유는 여러가지가 있으니 원인부터 찾아보자.

파이어폭스에 파이어 버그를 설치한 후 오류가 나는 페이지로 이동하여 F12를 눌러 오류를 확인할 수 있는 콘솔창을  띄운다.

그리고 위젯 페이지로 이동하여 드래그 하려는 위젯을 드래그 해보면 아래 이미지와 같이 콘솔에 오류 메세지가 뜬다.

오류화면

(위 이미지를 클릭하면 자세히 볼 수 있다.)

/wp-admin/load-scripts.php 가 문제란다.

파일을 열어보니

 이렇게  script-loader.php 를 가져온다.

다시 해당 파일을 열어보았다.

워드프레스에 불러와지는 스크립트들이 어마아마 하였다.

이 중에서 해결 방법을 찾기 어려워서 해외 자료들을 찾기 시작했다.

구글 검색중에 워드프레스는 업그레이드 하지 않고 jQuery만 업그레이드 하였을 경우 jQuery.ui 와 같은 스크립트에서도 같이 업그레이드 하지 않으면 충돌이 일어난다고 한다. (꼭 이 경우만 아니더라도 드래그엔 드랍이 오류 날때에도 살펴보면 좋다.)

그래서 script-loader.php 안에서 jQuery.ui core를 찾아보니

 이렇게 써있었다.

/wp-includes/js/jquery/ui/jquery.ui.core.min.js 파일을 열고 그 안에 업그레이드 될 소스를 넣을 예정이다.

 

http://jqueryui.com/ 를 접속하여 다운로드를 누른다.

제이쿼리 ui

core만 다운 받는다.

jQuery ui core 다운로드

그리고 다운받은 파일을 압축 풀어서 jquery-ui-1.9.2.custom.min.js 를 열고 소스를 전체 복사 하여 jquery.ui.core.min.js 파일안에 넣는다.

본인은 혹시 모를 상황을 대비해서 기존의 소스는 주석처리를 하였고, 새로운 소스만 아래와 같이 활성화 시켰다.

소스코드

수정 완료!!

이제 제대로 작동하는지 확인하여보자.

정상작동 확인

아주 잘 작동되는 것이 확인 되었다.

겸사 겸사 core가 수정되었음을 코드로 표시한다.

script-loader.php 파일에서 

 이 소스에 버전을 수정해 주었다.

 차후에 관리하기 편하기 위해서였다.

nain

이메일 : nis@naminsik.com

리뉴얼하려고 생각한지가 어느덧 3년이 지났다. ㅠ 망...
.