워드프레스 Visual Composer Error : $template.get is not a function

워드프레스에서 Visual Composer 를 통해 페이지를 구성하거나 글을 작성하려고 할 때, 갑자기 Visual Composer 가 정상 동작하지 않는 경험을 하셨나요?

 

 

평소와 같이 페이지를 새로 구성하려고 들어가서 Visual Composer 모드(BACKEND EDITOR)로 변경 하였는데, 어떤 기능을 눌러도 반응이 없었습니다.

 

 

 

 

그래서 디버깅 모드를 열어 오류를 확인하였더니, 아래와 같이 뜨는군요.

 

IE11에서 보여지는 오류.

 

 

 

크롬 브라우저에서 보여지는 오류.

 

 

오류 표시 방식에 대해서는 조금 다르지만, 결론은 Visual Composer 의 Javascript 파일 내의 객체를 정상적으로 인식하지 못하는 문제입니다.

$template 객체를 올바르게 인식하지 못하다보니, 원래는 $template 객체에 있어야할 get 메서드(함수)가 지원되지 않는다는 오류를 보여줍니다.

이 문제는 사실 워드프레스 4.5 버전으로 업데이트한 이후 발생하는 오류입니다.

 

새로 업데이트된 워드프레스 4.5 버전과 구 버전의 Visual Composer 간에 충돌이 발생합니다.

 

 

문제를 해결하는 방법은 간단합니다.

 

Visual Composer를 최신 버전으로 업데이트하면 됩니다.

 

Visual Composer는 유료 플러그인이기 때문에 구매하여 사용하고 계신분이사라면 별 문제가 없습니다.

 

그런데 NewsPaper 등의 상용 테마를 사용하는 경우라면 Visual Composer 가 해당 테마에 내장되어 있는데, 이 경우 Visual Composer 플러그인이 자체적으로 업데이트가 되지 않습니다.

(물론 NewPaper 자체적으로 Visual Composer 라이센스를 포함하여 배포하는 것이기 때문에, 일반 유료 제품과 동일하게 사용하실 수 있습니다.) 

 

그렇기 때문에 별도로 Visual Composer 파일을 내려받아 업데이트를 진행해주셔야 합니다.

아래 경로의 버전을 내려받으시거나 공식 홈페이지 등을 통해서 최신 버전을 내려 받습니다.

 

Visual Composer (버전 4.11.2)

 

js_composer.zip

 

 

 

그리고 기존에 설치된 Visual Composer 를 비활성화 및 삭제합니다.

 

 

 

완전히 삭제되었다면 다시 플러그인 추가 페이지로 이동하여 내려받은 파일로 Visual Composer를 설치합니다.

 

워드프레스 관리자 - 플러그인 - 플러그인 추가하기 페이지로 이동합니다.

 

그리고 상단의 [플러그인 업로드] 버튼을 클릭합니다.

 

 

 

 

플러그인 추가 페이지가 뜨면 화면 중앙의 [찾아보기] 버튼을 클릭하여 방금 내려받은 js_composer.zip 파일을 선택한 후, 설치를 진행합니다.

 

 

설치가 완료된 후, 다시 페이지 편집 창으로 이동해 볼까요?

아래와 같이 Visual Composer 화면이 정상적으로 표시되는 것을 보실 수 있습니다.^^