컨텍트폼 스킨

안녕하세요.

kboard Contact Form으로 스킨 설정 후 게시판 숏코드를 홈페이지 내에 추가했는데, 

아래와 같이 보입니다.

https://imgur.com/a/m94gkE0

 

아래의 이미지처럼 고객이 입력 할 수 있는 폼으로 뜨게하려면 어떻게 해야할까요?

https://imgur.com/L8OhsTX

 

그리고 css 수정하는 경로도 같이 안내해주시면 감사하겠습니다...!

감사합니다^^

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 안녕하세요~^^

    KBoard 플러그인에서 입력 필드는

    워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 입력필드 설정 탭에서 관리하실 수 있습니다.

    텍스트, 셀렉트 박스, 라디오 버튼, 체크박스 등의 필드를 추가하실 수 있습니다.

     

    CSS 코드의 경우,

    워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하기 -> CSS 입력 필드에 코드를 추가해보시겠어요?

    또는

    워드프레스 관리자 -> KBoard -> 대시보드 페이지에서 커스텀 CSS 입력 필드에 코드를 추가해보세요.

     

    KBoard 게시판 스킨의 CSS 파일은

    FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/style.css 파일입니다.

    고맙습니다.

  • 안녕하세요! 답변 감사합니다.

    입력필드에 Acceptance 항목 추가하는 방법 문의드립니다. (동의를 해야만 컨텍트폼을 제출할 수 있도록 설정하는 방법 문의드립니다.)

    감사합니다^^

     

  • 동의를 해야만 게시글을 작성할 수 있게 하시려면

    체크박스 필드를 활용해보시겠어요?

    https://imgur.com/a/gWeb2xM

     

    아래의 링크들도 참고 부탁드립니다.

    KBoard(케이보드) 게시판에 개인정보 동의 체크박스 만들기

    KBoard(케이보드) 게시판에 새로운 필드 추가하기

    고맙습니다.

  • 감사홥니다!

    그런데 컨텍트폼 2개를 다른 디자인으로 css 수정하고싶은데 가능할까요?

    두개의 폼을 만들고 두 컨텍트폼의 스킨 디자인을 다르게 적용하고싶습니다. 컨텍트폼 스킨 style.css가 하나라서 어떻게 수정하면 좋을지 문의드립니다.

    감사합니다^^

  • 안녕하세요.

    KBoard 플러그인 스킨을 수정하실 때

    스킨 폴더를 복사해서 작업하시는 걸 권장드리고 있습니다.

    그렇지 않으면 업데이트 시 수정하신 코드가 지워지기 때문입니다.

    폴더명 외에도 CSS 아이디 혹은 클래스 이름이 겹치지 않게 변경해주셔야 합니다.

     

    예를 들어, contact-form 스킨을 복사하신 후

    FTP로 접속해서 /wp-content/plugins/kboard/skin/ 경로에 contact-form1이라는 스킨으로 만들었다면,

    style.css 파일에서

    #kboard-contact-form 코드를 찾아서 #kboard-contact-form1 코드로 모두 바꿔주시고

    list.php 파일에서도

    역시 kboard-contact-form 코드를 찾아서 kboard-contact-form1 코드로 모두 바꿔주시고

    document.php 파일에서도

    역시 kboard-contact-form 코드를 찾아서 kboard-contact-form1 코드로 모두 바꿔보시겠어요?

    다른 파일도 마찬가지입니다.

    고맙습니다.

  • 답변 감사합니다!

    스킨복사해서 다른디자인으로 잘 적용하였는데, 두 컨텐트폼에서 문의등록시 문자기능을 사용하려고합니다.

    아래의 함수를 추가하여, 하나의 컨텍트폼에서는 문자기능이 잘되는데, 해당소스를 그대로 복사하여 게시판 아이디를 바꾸면 함수에 오류가있다고 뜹니다.

    두개의 컨텍트폼에 문자기능을 쓸 수 있는 방법 안내부탁드립니다. 감사합니다^^

    add_action('kboard_document_insert', 'my_kboard_document_insert', 10, 4);
    function my_kboard_document_insert($content_uid, $board_id, $content, $board){
        if($board_id == '3'){
            $phone = '010-0000-0000';
            $message = "이름 : {$content->title}\n";
            $message .= "지역: {$content->option->area}\n";
            $message .= "연락처: {$content->option->tel}\n";
            $message .= "점포보유: {$content->option->store}";
            cosmosfarm_members_sms_send($phone, $message);
        }
    }

     

    add_action('kboard_document_insert', 'my_kboard_document_insert', 10, 4);
    function my_kboard_document_insert($content_uid, $board_id, $content, $board){
        if($board_id == '4'){
            $phone = '010-0000-0000';
            $message = "이름 : {$content->title}\n";
            $message .= "지역: {$content->option->area}\n";
            $message .= "연락처: {$content->option->tel}\n";
            cosmosfarm_members_sms_send($phone, $message);
        }
    }

  • 프로그램 코드를 올려야 할 경우 에디터의 코드 스니펫 삽입 기능을 사용해주세요.

    올려주신 코드를 확인해보니 해당 코드를 적용할 경우

    함수 중복으로 인해 워드프레스 사이트가 정상적으로 동작하지 않습니다.

    기존의 코드를 아래의 코드로 교체해서 확인해보시겠어요?

    add_action('kboard_document_insert', 'my_kboard_document_insert', 10, 4);
    function my_kboard_document_insert($content_uid, $board_id, $content, $board){
        if($board_id == '3'){
            $phone = '010-0000-0000';
            $message = "이름 : {$content->title}\n";
            $message .= "지역: {$content->option->area}\n";
            $message .= "연락처: {$content->option->tel}\n";
            $message .= "점포보유: {$content->option->store}";
            cosmosfarm_members_sms_send($phone, $message);
        }
    	else if($board_id == '4'){
            $phone = '010-0000-0000';
            $message = "이름 : {$content->title}\n";
            $message .= "지역: {$content->option->area}\n";
            $message .= "연락처: {$content->option->tel}\n";
            cosmosfarm_members_sms_send($phone, $message);
        }
    }

    또는 아래의 코드처럼 함수명이 중복되지 않게 적용해보세요.

    add_action('kboard_document_insert', 'my_kboard_document_insert', 10, 4);
    function my_kboard_document_insert($content_uid, $board_id, $content, $board){
        if($board_id == '3'){
            $phone = '010-0000-0000';
            $message = "이름 : {$content->title}\n";
            $message .= "지역: {$content->option->area}\n";
            $message .= "연락처: {$content->option->tel}\n";
            $message .= "점포보유: {$content->option->store}";
            cosmosfarm_members_sms_send($phone, $message);
        }
    }
    
    add_action('kboard_document_insert', 'my_kboard_document_insert2', 10, 4);
    function my_kboard_document_insert2($content_uid, $board_id, $content, $board){
        if($board_id == '4'){
            $phone = '010-0000-0000';
            $message = "이름 : {$content->title}\n";
            $message .= "지역: {$content->option->area}\n";
            $message .= "연락처: {$content->option->tel}\n";
            cosmosfarm_members_sms_send($phone, $message);
        }
    }

    고습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요