워드프레스 문의 폼 플러그인 중 하나인 Forminator에서 전화번호 필드를 3개의 필드로 구현하기 위해 자바스크립트 코드를 만들어 추가했습니다. 테스트 사이트에서는 잘 작동하는 코드가 고객사 사이트에서 PC에서는 문제가 없었지만 모바일 기기에서는 작동하지 않는 문제가 발생하는 특이한 현상을 접하게 되었습니다.
워드프레스 엘리멘터: 자바스크립트 코드가 모바일에서만 작동하지 않는 경우
엘리멘터에서 JavaScript 코드가 모바일에서 작동하지 않는 문제에 대하여 Elementor 플러그인 포럼에 올라온 질문이 있습니다. 여기에 대하여 엘리멘터 팀에서는 자스 코드를 사용자 정의 코드(Custom Code) 섹션에 추가해야 한다고 안내하고 있습니다.
Hi, for Javascript code, you should add it using our custom code feature. Go to WordPress Dashboard > Elementor > Custom Code.
Elementor Pro를 사용하는 경우 엘리멘터 » Custom Code에서 커스텀 코드를 추가할 수 있습니다.
새 Custom Code 추가 버튼을 클릭하면 새 코드를 추가하는 페이지가 표시됩니다. Location(위치)을 <head>, <body> - Start, </body> - End 중에서 선택할 수 있습니다.
하지만 제 경우는 이 조치로 문제가 해결되지 않았습니다.
위의 조치로 문제가 해결되지 않으면 몇 가지를 시도해 볼 수 있을 것 같습니다.
- 워드프레스, 테마, 플러그인을 모두 최신 버전으로 업데이트합니다. (먼저 반드시 백업을 진행하세요.)
- 플러그인을 하나씩 비활성화하면서 충돌을 일으키는 플러그인이 있는지 체크합니다.
위의 방법으로도 문제가 수정되지 않을 경우 엘리멘터에 지원을 요청해 볼 수 있습니다.
참고로 워드프레스는 보안에 강하지만 워드프레스 코어, 테마, 플러그인을 최신 버전으로 업데이트하지 않거나 보안 문제가 있는 플러그인이나 테마를 사용할 경우 보안에 허점이 생길 수 있습니다. 가급적 최신 버전으로 업데이트하여 안전하게 사이트를 운영하시기 바랍니다.
최근 워드프레스가 6.2.1로 업데이트되면서 몇 가지 보안 문제가 수정되었습니다.
워드프레스 6.2.2 버전에서도 보안 문제 하나가 수정되었습니다.
참고
https://avada.tistory.com/2922
https://avada.tistory.com/3004