인사이드 스킨도 우편번호 주소 필드를 추가 할 수 있나요?
안녕하세요~^^
KBoard 인사이드 상담 스킨에서도 우편번호 주소 필드를 추가하실 수 있습니다.
인사이드 상담 스킨은 입력 필드 설정을 지원하지 않기 때문에
스킨 파일을 직접 수정해주셔야 합니다.
입력 필드 설정 기능을 지원하지 않는 스킨에서
입력 필드를 추가하는 방법은
아래의 링크를 참고 부탁드립니다.
워드프레스 게시판 KBoard(케이보드) 새로운 입력 필드 추가 방법 (커스터마이징)
고맙습니다.
주소검색 필드는 어떻게 추가 해야되나요?
입력 필드를 지원하지 않는 스킨에서
주소 검색 필드를 추가하시려면
FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/editor.php 파일에
아래의 코드를 활용해보세요.
<?php wp_enqueue_script('daum-postcode-field', '//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js', array('jquery'), NULL, true);?>
<div class="kboard-attr-row">
<label class="attr-name" for="kboard_option_postcode">우편번호/주소</label>
<div class="attr-value">
<input type="text" id="kboard_option_postcode" name="kboard_option_postcode" value="<?php echo $content->option->postcode?>" placeholder="우편번호..." style="width:100px">
<input type="text" id="kboard_option_address" name="kboard_option_address" value="<?php echo $content->option->address?>" placeholder="주소...">
<button type="button" class="kboard-default-button-small" onclick="kboard_postcode_address_search()">우편번호/주소 검색</button>
</div>
</div>
<script>
function kboard_postcode_address_search(){
var width = 500;
var height = 600;
new daum.Postcode({
width: width,
height: height,
oncomplete: function(data){
jQuery('#kboard_option_postcode').val(data.zonecode);
jQuery('#kboard_option_address').val(data.roadAddress);
setTimeout(function(){
jQuery('#kboard_option_address').focus();
});
}
}).open({
left: (screen.availWidth-width)*0.5,
top: (screen.availHeight-height)*0.5
});
}
</script>
레이아웃 수정이 필요하다면 적절히 수정해보세요.
레이아웃 수정 시 HTML과 CSS 코드에 대해 알면 도움이 됩니다.
고맙습니다.