워드프레스 Jupiter 테마에서 구글 맵 API 키 입력하기

워드프레스 정보를 제공하는 블로그 Avada 2018. 1. 25. 10:50 • 댓글:

워드프레스 인기 테마 중 하나인 Jupiter 테마에서 구글 맵 API 키(Google Map API key)는 Theme Options > Global Settings > API Integrations -> Google Maps API Key에서 입력이 가능합니다.

하지만 이 옵션은 v5.1.8 이후 버전에서만 제공됩니다.

만약 이 옵션이 보이지 않는다면 최신 버전으로 업데이트하시기 바랍니다. 최신 버전으로 업데이트하기 전에 만약의 사태에 대비하여 위해 반드시 백업을 받아놓으시기 바랍니다.

만약 테마를 업데이트할 수 없다면 다음과 같은 코드를 사용할 수 있습니다.

// 구글 맵 API 키 추가하기
add_action('wp_footer', 'add_googlemaps');
function add_googlemaps() { ?>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE_여기에_키_입력"
type="text/javascript"></script>
<?php
}

위의 코드가 안 되면 다음과 같은 코드로도 테스트해보시기 바랍니다.

function nr_load_scripts() {

wp_register_script('googlemaps', 'https://maps.googleapis.com/maps/api/js?key=XXXXXXX',null,null,true);
wp_enqueue_script('googlemaps');

}
add_action( 'wp_enqueue_scripts', 'nr_load_scripts' );

차일드 테마를 만들어서 작업하시기 바랍니다.

그리고 ‘Google 지도가 제대로 로드되지 않았습니다’ 오류가 발생하는 경우 – Google Maps API 키와 새로운 제한 글도 참고해보세요.

참고: