워드프레스로 홈페이지 제작 시 Elementor 등 빌더를 사용하면 편리하게 만들 수 있는데요. 플러그인을 통해 진행되는 만큼 예상치 못한 오류에 직면하기도 합니다.
몇 달 전, 2017년 제작했던 회사 영문 홈페이지의 호스팅을 업데이트하는 과정에서 데이터를 전량 유실하게 됐고, 눈물을 머금으며 전체 제작을 다시 진행했습니다.
그 당시 사용했던 페이지 빌더를 다시 사용하려 하니, 아무래도 변화된 환경에 어려움이 많아 엘리멘터를 사용해 봤습니다.
영문버전도 플러그인을 통해 진행하면서 Polylang을 사용했고, 엘리멘터를 통해 만들었던 페이지를 수정하는 데 문제가 있었습니다.
PC로 퀵쉐어 사용하는 방법 구글퀵쉐어 파일공유 노트북퀵쉐어
Elementor 플러그인 Polylang 오류
국내 홈페이지는 고도몰호스팅을 사용했고, 제작했던 당시 쇼핑몰 기반의 페이지라 이참에 하나의 홈페이지로 변경하기로 했습니다.
최대한 무료 플러그인을 활용해 진행하다보니, 어려움이 많았는데요. 결국은 Elementor만한 빌더를 찾지는 못했습니다. 그럼에도 불구하고 익숙해 지는데에 시간도 꽤 걸렸습니다.
어쨌든 한글페이지를 90%정도 마무리했을 때 다국어 페이지를 위해 Polylang을 설치했고, 처음부터 오류에 직면하게 됐습니다.
Polylang의 정상적인 설치와 활성화는 가능했으나, 엘리멘터로 제작한 페이지를 불러오질 못했던 것인데요. 국내에 자료가 많지 않았던 관계로, 쉽게 해결하진 못했던 것 같습니다.
Connect Polylang for Elementor
1차적으로 워드프레스 플러그인을 검색해보니, Connect Polylang for Elementor라는 연결플러그인을 설치해야 하는 것 같습니다.
엘리멘터로 편집한 페이지에 Polylang 연결이 가능하도록 하는 플러그인 같았는데요. 당연스레 설치해야 했던 것 같은데 모르고 넘어갔던 것 같습니다.
단, 제가 겪은 문제는 해결이 되지 않았습니다.
URL modifications
Polylang의 기본적인 사용법은 이미 작성된 기본언어 페이지에 추가언어 페이지를 연결하는 형태이며, 제가 작성한 페이지들은 엘리멘터로 만들어져 있어 오류가 났습니다.
결론적으로는 Polylang의 Setting에서 URL modifications 메뉴를 통해 해결했습니다.
이 플러그인의 최초 설정과 제가 만든 워드프레스의 URL 구조가 달라서 연결이 되지 않았던 것 같은데요.
해당 메뉴를 통해 The language is set from content로 지정 후 모든 문제가 해결됐습니다. Polylang 플러그인의 개념대로, 이미 만들어진 엘리멘터 페이지에 영어페이지를 추가하면 복사 후 내용 수정이 가능했습니다.
모든 페이지 구성이 마무리된 뒤, 영문페이지까지 작성하고 나면 정상적으로 메뉴 수정 등을 통해 홈페이지를 완료할 수 있게 됐습니다.
또 다른 오류
하나씩 문제를 해결했던 것도 잠시, 특정페이지에서 영어페이지로 만들어 공개를 하고 나면 “응답이 유효한 JSON 응답이 아닙니다” 라는 빨간 메시지가 떴었는데요.
이는 퍼머링크 구조가 꼬이면서(?) 발생했던 것으로 파악했습니다. 워드프레스의 설정-고유주소를 현재 설정된 것에서 다른 항목으로 변경 후 저장, 이후 원래대로 바꾸면 해결이 됐습니다.
마치며
이 글을 통해 Elementor 빌더를 사용해 워드프레스 홈페이지 제작 시 Polylang 다국어 플러그인과의 오류를 해결하는 과정에 대해 남겨봤습니다.
전문가가 아닌 입장에서 워드프레스로 홈페이지를 만드는 것은 그렇게 어렵지는 않으나 상당한 정성과 노력이 들어가야 합니다.
개인적으로도 약 3주 동안 틈나는 시간에 진행해 완성하게 됐고, 생각하지도 못했던 문제에 당면해 머리를 싸맨 기억도 납니다.
어쨌든, 워드프레스를 통해 홈페이지를 만들어 보는 경험은 또 하나의 배움이 될 수 있으니, 한 번 시도해 보세요.
