안녕하세요.
워드프레스 게시판 KBoard(케이보드) 사용중입니다.
KBoard 오션 프랜차이즈 스킨 이용중인데 지도에도 호버 색만 아니라 셀렉트 컬러도 생겼으면 합니다.
만약 서울 지역을 클릭하면 지도에도 서울지역에 컬러로 표시 됐으면 하네요
https://bellelumie.com/aesthetic/branch-office/
이미지 첨부했습니다.
https://bellelumie.com/wp-content/uploads/2020/06/오션갤러리.jpg
지도에도 표시가 되고 시도별 지점안내 지역별도 표시가 동시에 됐으면 하네요
클릭하면 지도에는 컬러가 사라짐...
안녕하세요.
KBoard 오션 프랜차이즈 스킨을 업데이트했습니다.
게시글 목록 페이지에서 지역 선택 시 해당 지역이 선택되도록 개선했습니다.
추가로, 워드프레스 관리자 페이지에서 입력 필드를 설정할 수 있습니다.
워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 입력필드 설정 탭을 확인해보세요.
기존 document.php 파일을 수정해서 구글 API 키를 입력하던 것을
확장설정 탭에서 구글 API 키를 입력하도록 개선했습니다.
고맙습니다.
올려주신 내용만 별도로 적용하시려면
스킨 파일을 수정해보시겠어요?
FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일에
아래의 코드를 찾아서
<img src="<?php echo $skin_path?>/images/map-v2.png">
아래의 코드로 교체해보세요.
<?php if(kboard_category1()):?>
<img src="<?php echo $skin_path?>/images/<?php echo kboard_ocean_franchise_branch(kboard_category1())?>">
<?php else:?>
<img src="<?php echo $skin_path?>/images/map-v2.png">
<?php endif?>
/wp-content/plugins/kboard/skin/사용중인스킨/functions.php 파일 하단에
아래의 코드를 추가해보세요.
if(!function_exists('kboard_ocean_franchise_branch')){
function kboard_ocean_franchise_branch($branch){
switch($branch){
case '서울' : $branch = 'seoul'; break;
case '부산' : $branch = 'busan'; break;
case '대구' : $branch = 'daegu'; break;
case '인천' : $branch = 'incheon'; break;
case '광주' : $branch = 'gwangju'; break;
case '대전' : $branch = 'daejeon'; break;
case '울산' : $branch = 'ulsan'; break;
case '세종' : $branch = 'sejong'; break;
case '경기도' : $branch = 'gyeonggi'; break;
case '경상남도' : $branch = 'gyeongnam'; break;
case '경상북도' : $branch = 'gyeongbuk'; break;
case '전라남도' : $branch = 'jeollanam'; break;
case '전라북도' : $branch = 'jeollabuk'; break;
case '충청남도' : $branch = 'chungnam'; break;
case '충청북도' : $branch = 'chungbuk'; break;
case '강원도' : $branch = 'gangwon'; break;
case '제주도' : $branch = 'jeju'; break;
}
$image = "map-v2-$branch.png";
return $image;
}
}
/wp-content/plugins/kboard/skin/ocean-franchise/list.js 파일의 코드를
아래의 코드로 교체해보세요.
/**
* @author https://www.cosmosfarm.com/
*/
jQuery(document).ready(function(){
var kboard_map_image = jQuery('#kboard-ocean-franchise-list .kboard-map-v2 img').attr('src');
jQuery('#kboard-ocean-franchise-list .kboard-map-v2 .map-area').each(function(){
var map = jQuery(this).data('map');
jQuery(this).mouseover(function(){
jQuery('#kboard-ocean-franchise-list .kboard-map-v2 img').attr('src', map);
});
});
if(kboard_map_image){
jQuery('#kboard-ocean-franchise-list .kboard-map-v2').mouseleave(function(){
jQuery('#kboard-ocean-franchise-list .kboard-map-v2 img').attr('src', kboard_map_image);
});
}
});
고맙습니다.
안녕하세요~^^
KBoard 오션 프랜차이즈 스킨 업데이트 해보겠습니다.
고맙습니다.
르팬차이즈 스킨 업데이트 너무 감사합니다.
커스텀을 좀 많이 했는데 전체 덮어쓰기 않고 할수있는 방법이 또 있을까요?
넵 찾아서 변경하였습니다.
위에 오타가 있어서 제가 수정해 드립니다.
<img src="<?php echo $skin_path?>/images/map-v2.png">
위에 코드를 아래 코드로 변경하면 되네요~ (동일한 코드를 2번써주셨어요 )
<?php if(kboard_category1()):?>
<img src="<?php echo $skin_path?>/images/<?php echo kboard_ocean_franchise_branch(kboard_category1())?>">
<?php else:?>
<img src="<?php echo $skin_path?>/images/map-v2.png">
<?php endif?>
올리는 과정에서 착오가 있었습니다.
현재는 수정해두었습니다.
적용해보시고 문제있으면 알려주시겠어요?
고맙습니다.