고급 Google Maps 기술을 사용하는 다국어 사이트를 구축하는 것은 어려운 과제처럼 보일 수 있습니다. 하지만 올바른 도구를 사용하여 제대로 접근한다면 PHP 프로그래머가 아니더라도 쉽게 해결할 수 있습니다!
최근 저희는 Google Maps를 많이 활용하는 Toolset용 새로운 다국어 부동산 레퍼런스 사이트를 제작했습니다. Toolset의 기능을 보여주기 위해 제작했지만, 사실 WPML을 사용하여 다국어 사이트에 Google Maps를 적용하면 어떤 결과를 얻을 수 있는지 보여주는 좋은 사례이기도 합니다.
과제 #1: 지정된 반경 내의 부동산 검색을 구현하고 다국어로 만드는 방법
지도에 많은 마커가 표시될 때 사용자는 이를 필터링할 수 있기를 기대합니다.
예를 들어, 부동산 사이트의 부동산 검색을 사용하면 거리를 기준으로 글을 필터링할 수 있습니다. 사용자는 특정 위치나 현재 위치에서 지정된 반경 내에 있는 부동산을 검색할 수 있습니다.
모든 입력 필드와 버튼 레이블은 방문자의 언어로 제공되어야 합니다.
해결 방법
Toolset을 사용하면 모든 항목에 대한 사용자 정의 검색을 구축하고 Google Maps에 결과를 표시할 수 있습니다. 거리별 필터를 검색에 포함하여 방문자의 현재 위치 근처를 포함한 특정 위치 주변의 부동산을 검색하도록 할 수 있습니다.
Toolset 플러그인은 WPML과 호환됩니다. 즉, Toolset에서 제공하는 모든 항목을 WPML에서 번역할 수 있습니다. 필드 값은 WPML의 문자열 번역에 자동으로 표시됩니다. 템플릿에 추가하는 모든 텍스트도 wpml-string 숏코드로 쉽게 감싸서 번역 가능하게 만들 수 있습니다.
과제 #2: 지정된 언어로 마커 팝업 툴팁을 표시하는 방법
지도에서 특정 장소를 클릭하면 해당 관심 대상에 대한 더 자세한 정보를 볼 수 있기를 기대합니다.
예를 들어, 부동산 사이트에서 마커를 클릭하면 부동산 제목, 이미지, 가격을 보여주는 작은 툴팁이 팝업으로 나타납니다.
이러한 툴팁을 Google Maps에 추가하고 적절한 언어로 표시하려면 어떻게 해야 할까요?
해답
해답은 간단합니다. 사용자 정의 글 유형과 사용자 정의 필드를 사용하여 글(이 사례의 경우 부동산)에 대한 정보를 저장하세요.
글 유형과 필드를 사용하면 사이트를 쉽게 유지 관리할 수 있습니다. 사이트 편집자는 입력해야 할 필드를 정확히 알 수 있습니다(오른쪽 스크린샷 참조). 또한 WPML을 사용하여 사용자 정의 필드를 쉽게 번역할 수 있습니다.
그런 다음 Google Map 마커에 글 정보를 표시하려면 필요한 필드를 선택하기만 하면 됩니다.
자세한 내용은 이 블로그 글을 확인하세요.
과제 #3: 템플릿을 한 번만 만들고 콘텐츠만 번역하는 방법
마지막으로, 전체 템플릿이 아닌 콘텐츠만 번역하려는 경우를 상상해 보세요.
이는 Google Maps가 포함된 템플릿에도 적용됩니다. 지도를 한 번만 설정하고 적절한 템플릿을 포함한 다음, 글 콘텐츠와 필드를 번역하는 작업만 처리하기를 기대할 것입니다.
해결 방법
Toolset 플러그인을 사용하면 템플릿 생성 작업과 콘텐츠 번역 작업을 쉽게 분리할 수 있습니다.
템플릿을 한 번만 만들고 여기에 포함된 모든 문자열을 번역할 수 있도록 준비합니다. 여기에는 지도의 위치, 다른 사용자 정의 필드, 양식의 입력 필드, 레이블 및 버튼이 포함됩니다.
WPML을 사용하여 이 모든 요소를 번역할 수 있도록 준비할 수 있습니다. 자세한 내용은 Toolset으로 빌드된 템플릿을 번역하는 방법에 대한 문서를 확인하세요.
Google Maps의 다른 흥미로운 활용 사례
WordPress 사이트에서 Google Maps의 다른 흥미로운 활용 사례를 알아보려면 Toolset 레퍼런스 사이트의 고급 Google Maps 기능에 관한 글을 참조하세요.
PHP를 사용하지 않고 Toolset과 WPML을 사용하여 고급 다국어 사이트를 구축하는 방법을 배우고 싶다면 무료로 제공되는 부동산 사이트 사본을 실행해 보세요.
저에게 연락하고 싶으신가요?
제 이름은 Agnes Bury입니다. 저는 이 글을 작성하는 것 외에도 Toolset의 레퍼런스 및 교육 사이트를 구축하고 있습니다. Toolset에 관해 구체적인 질문이 있다면 저에게 문의하세요.
