전체 가이드: WordPress에 Google 지도를 포함하는 방법

WordPress에 단일 Google 지도 위치를 포함하는 방법

WordPress 사이트에 Google 지도 위치를 표시하는 가장 기본적인 방법부터 시작하겠습니다. 단일 위치 또는 보기가 포함된 지도를 삽입하려는 경우 멋진 도구나 플러그인이 필요하지 않습니다 . Google 지도 삽입 코드를 WordPress 사이트에 붙여넣기만 하면 됩니다 .

작동 방식은 다음과 같습니다.

평소와 같이 Google 지도 웹사이트로 이동하여 삽입하려는 위치를 검색합니다. 무엇이든 검색할 수 있습니다. 그건:

• 국가 전체
• 특정 도시
• 특정 사업
• 원하는대로 말만 해

그것은 정말 중요하지 않습니다!

지도에 표시할 위치가 있으면 왼쪽 사이드바에서 공유 버튼을 찾으세요.

작은 팝업이 표시되어야 합니다. 해당 팝업에서 맵 삽입 옵션을 클릭합니다.

그런 다음 드롭다운에서 원하는 크기를 선택합니다. 원하는 크기를 선택했으면 상자에 있는 코드를 복사합니다.

이제 Google 지도 상자를 포함할 WordPress 게시물 또는 페이지로 이동합니다.

WordPress 편집기에서 텍스트 탭으로 전환하고 지도를 표시할 위치에 Google 지도에서 복사한 코드를 붙여넣습니다.

이제 평소처럼 게시물을 게시하면 WordPress 사이트의 프런트 엔드에 Google 지도 상자가 표시됩니다.

충분히 쉽죠?

유사한 방법을 사용하여 WordPress에 Google 지도 길찾기를 포함할 수도 있습니다. 유일한 차이점은 시작 인터페이스입니다. 공유 버튼이 바로 표시되는 대신 햄버거 아이콘을 클릭하고 지도 공유 또는 포함 옵션을 선택해야 합니다.

여러 위치 마커가 있는 Google 지도를 WordPress에 포함하는 방법

여러 위치 마커가 있는 Google 지도 상자를 WordPress에 포함하려는 경우 상황이 약간 다릅니다.

다음 섹션에서 이를 수행하는 데 도움이 되는 두 가지 Google Maps WordPress 플러그인을 보여주겠지만 실제로 플러그인이 필요하지는 않습니다 .

대신 Google 내 지도를 사용하여 자신만의 지도를 만든 다음 위에 설명된 것과 유사한 방법을 사용하여 해당 지도를 WordPress에 포함할 수 있습니다.

시작하려면 Google 내 지도로 이동하여 시작하기 를 클릭하여 인터페이스를 시작하세요. 인터페이스에서 새 지도 만들기 옵션을 클릭합니다.

그런 다음 인터페이스를 사용하여 지도를 만듭니다. 시작하기가 약간 까다로울 수 있지만 일단 익숙해지면 사용하기가 매우 쉽습니다. 검색 상자를 사용하여 항목을 검색할 수 있으며 마커 버튼을 사용하여 지도에 마커를 추가할 수 있습니다.

지도가 마음에 들면 상단에 있는 점 3개 아이콘을 클릭 하고 내 사이트에 포함 을 선택합니다.

그런 다음 이전과 마찬가지로 Google 지도에서 제공하는 코드를 WordPress 편집기의 텍스트 탭에 붙여넣어 WordPress 사이트에 지도를 표시할 수 있습니다.

Google 지도에서 더 많은 작업을 지원하는 WordPress 플러그인

위에서 보여드린 것처럼 기본 Google 지도 삽입을 처리하기 위해 플러그인이 실제로 필요하지는 않지만 더 많은 유연성을 원하거나 해당 유연성을 구현 하는 보다 사용자 친화적인 방법 을 원하는 경우 플러그인이 유용할 수 있습니다.

대부분의 플러그인은 충분한 양의 윤활유가 있으면 혼자서는 할 수 없는 일을 실제로 하지 않습니다. 하지만 이를 통해 훨씬 쉽고 사용자 친화적으로 만들 수 있습니다. 다음은 Google 지도를 더 잘 사용하는 데 도움이 되는 몇 가지 깔끔한 플러그인입니다.

WP 구글 지도

WP Google 지도는 WordPress.org 플러그인 디렉토리에서 가장 인기 있는 무료 Google 지도 플러그인입니다.

선택한 지도 마커와 다양한 지도 테마를 사용하여 나만의 맞춤 Google 지도 디스플레이를 만드는 데 도움이 됩니다. 기본적으로 위에서 설명한 프로세스를 보다 사용자 친화적으로 구현한 것입니다.

유일한 단점은 무료 버전에서는 단일 지도만 만들 수 있다는 것입니다. 여러 개의 지도가 필요한 경우 프리미엄 버전을 구입하거나 다른 솔루션을 사용해야 합니다.

시작하려면 WP Google 지도를 설치하고 활성화하십시오. WordPress.org에 나열되어 있으므로 WordPress 대시보드에서 직접 수행할 수 있습니다.

활성화하면 사이드바에서 새로운 지도 옵션으로 이동하여 시작하십시오.

하지만 첫 번째 지도를 만들기 전에 Google Maps JavaScript API 키를 가져와 플러그인 설정에 입력해야 합니다. 다음 지침에 따라 수행할 수 있습니다.

API 키를 입력하면 기본 내 첫 번째 지도 를 편집할 수 있습니다( 기억하십시오 – 이 플러그인의 무료 버전에서는 하나의 지도만 만들 수 있음).

인터페이스를 사용하여 지도를 만드십시오. 그런 다음 완료되면 단축 코드를 사용하여 사이트의 아무 곳에나 포함할 수 있습니다.

그것은 매우 쉽고 유연합니다. 유일한 단점은 무료 버전의 지도 제한입니다.

지도 작성기

WordPress 플러그인으로 Google 지도 삽입을 만드는 또 다른 좋은 옵션은 Maps Builder입니다.

플러그인을 설치하고 활성화하면 대시보드 사이드바에 새로운 Google 지도 탭이 표시됩니다. WP Google 지도와 마찬가지로 플러그인을 시작하기 전에 Google 지도 API 키를 추가해야 합니다.

그렇게 하면 Google 지도 → 새로 추가 로 이동하여 새 지도를 만들 수 있습니다. 해당 인터페이스에서 Open Map Builder 버튼을 클릭하여 사용자 친화적인 인터페이스를 시작합니다.

거기에서 플러그인의 사이드바를 사용하여 지도를 만들 수 있습니다.

완료되면 플러그인에서 생성한 단축 코드를 사용하여 WordPress 사이트의 아무 곳에나 지도를 포함할 수 있습니다.

WP 매장 찾기

특히 Google 지도를 사용하여 WordPress 사이트에 여러 매장 위치를 ​​표시하려는 경우( 일반적인 바람입니다! ), 전용 매장 찾기 플러그인을 사용하는 것이 더 나을 수 있습니다.

이 작업을 수행하는 여러 플러그인을 찾을 수 있지만 WP Store Locator는 유연하고 멋지게 보이기 때문에 마음에 듭니다.

즐겨찾는 페이지 빌더의 Google 지도 모듈 사용

대부분의 WordPress 페이지 빌더에는 디자인에 Google 지도 콘텐츠를 포함하는 데 도움이 되는 전용 Google 지도 요소/모듈이 포함되어 있습니다.

예를 들어 인기 있는 Divi Builder 플러그인에는 플러그인의 인터페이스를 통해 공정한 부분을 사용자 지정할 수 있는 Google 지도 모듈이 포함되어 있습니다.

따라서 이미 페이지 빌더를 사용하고 있다면 전용 Google 지도 플러그인을 찾기 위해 이동하기 전에 페이지 빌더에 Google 지도 도구가 있는지 확인하세요.

고급 사용자를 위한 재미있는 조정

이 방법은 고급이며 코드 지식이 필요합니다. 따라서 초보자인 경우 이 방법을 무시해도 됩니다.

그러나 WordPress 및 사용자 정의 필드에 대해 알고 있다면 사용자 정의 필드를 사용하여 Google 지도 지도 URL 체계를 기반으로 지도를 자동으로 생성할 수 있습니다.

예를 들어 사용자가 주소를 위치에 붙여넣기만 하면 되는 WordPress 백엔드에 필드를 만들 수 있습니다.

그런 다음 공백을 제거하기 위한 약간의 사전 처리를 통해 해당 주소를 테마 템플릿 파일의 iframe에 아래와 같이 삽입할 수 있습니다.

그리고 짜잔! 사용자는 WordPress 편집기에 주소를 입력하기만 하면 해당 위치의 프런트 엔드에 Google 지도 삽입이 자동으로 나타납니다.

다시 말하지만 이 방법을 사용하려면 PHP와 사용자 정의 필드에 대한 기본 지식이 필요하지만 시간을 절약할 수 있는 멋진 방법입니다.

정리하기

일반 Google 지도 위치를 WordPress에 삽입하는 것과 같은 기본적인 작업을 수행하거나 여러 지도 마커 또는 자동 지도 생성을 통해 고급 기능을 원하는 경우 다양한 옵션이 있습니다.

단일 지도를 포함하는 경우 플러그인을 건너뛰고 일반 Google 지도 포함 코드를 사용할 수 있습니다. 그러나 여러 위치가 있는 지도를 만들고 스타일을 쉽게 제어하려는 경우 두 개의 Google 지도 플러그인이 좋은 옵션입니다.

마지막으로 페이지 빌더를 사용하는 경우 외부 솔루션으로 전환하기 전에 이미 Google 지도 요소가 있는지 확인해야 합니다.