관리자 페이지 중 위젯에서 드래그 & 드롭이 안되는 현상

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

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

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

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

오류화면

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

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

파일을 열어보니

require(ABSPATH . WPINC . '/script-loader.php');

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

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

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

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

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

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

$scripts->add( 'jquery-ui-core', '/wp-includes/js/jquery/ui/jquery.ui.core.min.js', array('jquery'), '1.8.16', 1 );

 이렇게 써있었다.

/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 파일에서 

$scripts->add( 'jquery-ui-core', '/wp-includes/js/jquery/ui/jquery.ui.core.min.js', array('jquery'), '1.8.16', 1 );

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

$scripts->add( 'jquery-ui-core', '/wp-includes/js/jquery/ui/jquery.ui.core.min.js', array('jquery'), '1.9.2', 1 );

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

Subscribe
Notify of
guest

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.

6 댓글
Oldest
Newest
Inline Feedbacks
View all comments
排名優化
11 years ago

Hiya! I simply wish to give a huge thumbs up for the great info you’ve right here on this post.
I will be coming again to your weblog for extra soon.

SEO收費
11 years ago

Good day! I simply wish to give a huge thumbs up for the good data you have got right
here on this post. I shall be coming back to your blog for extra soon.

seminole community college ged test dates

Howdy! I just wish to give a huge thumbs up for the great info you have here
on this post. I will likely be coming back to your weblog
for extra soon.

seminole community college ged

Howdy! I just wish to give a huge thumbs up for the great info you have here
on this post. I will likely be coming back to your weblog
for extra soon.

SEO收費
11 years ago

Good day! I simply wish to give a huge thumbs up for the good data you have got right
here on this post. I shall be coming back to your blog for extra soon.

排名優ࡏ
11 years ago

Hiya! I simply wish to give a huge thumbs up for the great info you've right here on this post.
I will be coming again to your weblog for extra soon.

TOP