1. 정확한 제품 또는 플러그인 이름 : 'KBoard - 오션 프랜차이즈'
2. 상세 내용 : 구글맵 API 키 설정 후에도 지도가 나오지 않아요ㅠㅠ
HTML 파일에서 뭔가 추가로 수정해야 하는 부분이 있는건가요??
예전 질문 글 중 저와 같은 동일한 질문 글에 달린 답변(아래)을 보고,
오션 프랜차이즈 스킨의 document.php 파일에서
기존 <script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script> 코드 대신 아래 코드로 교체해주세요.
<script src="https://maps.googleapis.com/maps/api/js?key=API키입력" type="text/javascript"></script>
답변처럼 수정을 해 보려 했으나, 파일 자체에 이 부분이 존재하지 않았습니다;;;;
스크린샷 이미지 참고 (https://imgur.com/r4fRIeY)
그리도 또한 스크린샷 이미지에서와 같이 SNS 공유하기 버튼은 어떻게 노출 하는건지요??
3. 확인 가능한 상세 페이지 주소 : https://lista.kr/offline_partners/
4. 수정한 코드 내역 (있다면) : 'offline_partners'페이지에 '사용자 정의 CSS' 추가했습니다.
#kboard-ocean-franchise-list .kboard-map-v2 { margin: 0 0px 10px 200px; }
#kboard-ocean-franchise-list .kboard-header { margin: 90px 0 70px; }
#kboard-ocean-franchise-list .kboard-header-title { margin: 30px 0 20px; font-size: 20px; line-height: 1.4em; }
#kboard-ocean-franchise-list .kboard-list table { font-size: 18px; }
#kboard-ocean-franchise-list .kboard-list table td { line-height: 1.5em; }
#kboard-ocean-franchise-list .kboard-list table td.kboard-list-branch { width: 20%; }
#kboard-ocean-franchise-list .kboard-list table td.kboard-list-tel { width: 15%; }
#kboard-ocean-franchise-list .kboard-list tbody tr td { padding: 15px 15px; }
/* 버튼 */
#kboard-ocean-franchise-list .kboard-branch .kboard-branch-button { font-size: 17px; height: 40px; line-height: 40px; }
#kboard-ocean-franchise-list .kboard-branch .kboard-branch-button.active, #kboard-ocean-franchise-list .kboard-branch .kboard-branch-button:hover { background-color: #013cae; border: 1px solid #013cae; }
a.kboard-ocean-franchise-button-small, input.kboard-ocean-franchise-button-small, button.kboard-ocean-franchise-button-small { padding: 10px 45px; border-radius: 50px; font-size: 15px; background: #013cae; }
#kboard-ocean-franchise-document .kboard-detail { font-size: 18px; }
#kboard-ocean-franchise-document .kboard-detail .detail-attr { padding: 7px 80px; }
#kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-thumbnail { width: 400px; height: 300px; }
#kboard-ocean-franchise-document .kboard-franchise-info table td { font-size: 18px; line-height: 25px; height: 25px; padding: 10px 0; }
#kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-attr { width: 100px; }
#kboard-ocean-franchise-document .kboard-content { font-size: 20px; }
#kboard-ocean-franchise-document .kboard-content .content-view { text-align: center; }
/********* 모바일 *********/
@media screen and (max-width: 600px) {
#kboard-ocean-franchise-list .kboard-map-v2 { float: none; margin: 0 auto !important; }
#kboard-ocean-franchise-list .kboard-header { margin: 0 0 50px }
#kboard-ocean-franchise-list .kboard-list table td.kboard-list-branch { width: 30%; }
#kboard-ocean-franchise-list .kboard-list table td.kboard-list-tel { width: 30%; }
#kboard-ocean-franchise-list .kboard-list tbody tr td { padding: 10px 5px; }
/* 버튼 */
a.kboard-ocean-franchise-button-small, input.kboard-ocean-franchise-button-small, button.kboard-ocean-franchise-button-small { padding: 10px 11px; }
#kboard-ocean-franchise-document { margin-bottom: 40px; }
#kboard-ocean-franchise-document .kboard-content { min-height: unset; }
#kboard-ocean-franchise-document .kboard-detail .detail-attr { padding: 7px 30px; }
#kboard-ocean-franchise-document .kboard-franchise-info table td.kboard-franchise-attr { width: 85px; }
}
안녕하세요~^^
코드를 올려주실 땐 반드시 에디터의 코드 스니펫 삽입 기능으로 올려주시길 부탁드립니다.
올려주신 내용만으로는 원인을 파악하기 어렵기 때문에
워드프레스에서 에러 혹은 알 수 없는 문제가 있을 때 대응 방법을 참고하셔서
에러 메시지나 충돌이 있는지 점검해보셔야 할 듯합니다.
그리고 소셜공유버튼을 사용하시려면 아래 링크를 확인해보시겠어요?
https://ko.wordpress.org/plugins/cosmosfarm-share-buttons/
고맙습니다.