코스모스팜 스레드

컨텍트 폼의 입력 필드 구조중 조건선택 메뉴 만들기 문의

안녕하세요.

케이보드 컨텍트폼으로 문의/신청 기능을 만들다가 해결방법을 찾지 못해서 문의를 드립니다.

 

문의1.(예)

라디오 버튼 : 일반자료실 | 회원자료실

셀렉트 박스1 : 사진 | 음악 | 메모

셀렉트 박스2 : 엑셀 | PPT

 

위와 같은 확장필드 입력 필드 구조를 만들었을경우

라디오 버튼: 회원자료실을 선택했을 경우에만 입력받는 셀렉트박스1/셀렉트박스2가 나타나게 하는 방법을 알고 싶습니다.

 

문의2.

문의1.에서 만들어진 컨텍트폼 게시판에서 사용자들이 등록한 리스트를 

어드민 관리자 화면이 아니라, 프론트에서 일반사용자에게 노출하는 방법과 등록한 내용을 볼 수 있도록 하는 방법을 알고 싶습니다.

 

바쁘시겠지만, 도움을 부탁드립니다.

 

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    1. 추가하신 라디오 버튼 필드의 메타키를 my_radio,

    셀렉트 박스1 필드의 메타키를 my_select1,

    셀렉트 박스2 필드의 메타키를 my_select2 라고 가정하고 안내해드리겠습니다.

     

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보세요.

    #kboard-contact-form-editor .kboard-attr-row.meta-key-my_select1 { display: none; }
    #kboard-contact-form-editor .kboard-attr-row.meta-key-my_select2 { display: none; }

     

    워드프레스 관리자 -> 외모 -> 테마 편집기 페이지에서 functions.php 파일 하단에

    아래의 코드를 추가해보세요.

    add_action('kboard_skin_header' , 'my_kboard_skin_header', 10, 1);
    function my_kboard_skin_header($builder){
    	if($builder->board->id == '1'){ // 실제 게시판 id로 적용해주세요.
    		?>
    		<script>
    		jQuery(document).ready(function(){
    			jQuery('input[name="kboard_option_my_radio"]').click(function(){
    				if(this.value == '회원자료실'){
    					jQuery('#kboard-contact-form-editor .kboard-attr-row.meta-key-my_select1').show();
    					jQuery('#kboard-contact-form-editor .kboard-attr-row.meta-key-my_select2').show();
    				}
    				else{
    					jQuery('#kboard-contact-form-editor .kboard-attr-row.meta-key-my_select1').hide();
    					jQuery('#kboard-contact-form-editor .kboard-attr-row.meta-key-my_select2').hide();
    				}
    			});
    		});
    		</script>
    		<?php
    	}
    }

    위의 코드에서 $builder->board->id == '1' 부분은 실제 게시판 id로 적용해주세요.

     

    2. 일반회원도 contact-form 스킨의 게시글 목록을 볼 수 있게 하시려는 지요?

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/admin-list.php 파일의 코드를 복사해서

    list.php 파일에 적용하시면 일반 사용자도 게시글 목록을 볼 수 있습니다.

    고맙습니다.

  • 해결 되었습니다.

    빠른 답변 감사드립니다.

    더욱 열심히 공부하며 탐구하겠습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)