인사이드 상담 스킨 우편번호필드 추가 버튼 위치 수정과 셀렉트메뉴를 수정 하고 싶어요

1. 정확한 제품 또는 플러그인 이름

 

 

2. 상세 내용

1. 우편번호 필드를 커뮤니티 검색하여 찾은 코드를 삽입하였습니다.

<?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_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>

필드 추가는 되었는데 버튼 위치와 스타일을

현재 추가 상태

회원가입 필드처럼 변경하고 싶은데 어떻게 수정해야할지 부탁드립니다.

회원가입 필드 상태

 

2. 셀렉트 메뉴도 필드 추가를 하였는데 카테고리1,2 처럼 표시하려면 어디를 수정해야하나요?

<div class="kboard-attr-row">
			<label class="attr-name" for="kboard_option_inquiry_type">견적 분야<span class="required">*</span></label>
			<div class="attr-value">
				<select id="kboard_option_inquiry_type" name="kboard_option_inquiry_type">
					<option value="">선택하세요</option>
					<option value="CNC가공"<?php if($content->option->inquiry_type == '제작의뢰'):?> selected<?php endif?>>CNC 가공</option>
					<option value="3D프린팅"<?php if($content->option->inquiry_type == '홍보의뢰'):?> selected<?php endif?>>3D 프린팅</option>
					<option value="금형"<?php if($content->option->inquiry_type == '홍보의뢰'):?> selected<?php endif?>>금형</option>
					<option value="판금가공"<?php if($content->option->inquiry_type == '홍보의뢰'):?> selected<?php endif?>>판금가공</option>
					<option value="용접"<?php if($content->option->inquiry_type == '홍보의뢰'):?> selected<?php endif?>>용접</option>
					<option value="부속품"<?php if($content->option->inquiry_type == '홍보의뢰'):?> selected<?php endif?>>부속품</option>
					<option value="디자인/설계"<?php if($content->option->inquiry_type == '홍보의뢰'):?> selected<?php endif?>>디자인/설계</option>
					<option value="기타제조"<?php if($content->option->inquiry_type == '홍보의뢰'):?> selected<?php endif?>>기타제조</option>
				</select>
			</div>
		</div>

너무 초보적인 질문이라 죄송합니당 ㅜ

3. 확인 가능한 상세 페이지 주소

 

 

4. 수정한 코드 내역 (있다면)

 

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기