[KBoard 스킨 다운로드] 문의폼 - 다크 스킨

워드프레스 게시판 플러그인인 KBoard의 Avatar 스킨을 문의 앙식(문의 폼)으로 개조한 버전입니다. [다크 스킨]

2017년 1월 29일 업데이트: 여기에 올린 자료는 1년 이상 지나서 더 이상 새로운 버전과 호환이 되지 않는다고 합니다. 원하는 분은 여기에서 다운로드하여 수정하여 사용할 수 있지만 다른 방법을 강구해보시면 좋을 듯 합니다.

  • 직접 케이보드 스킨 수정
  • 케이보드에서 제공하는 Cotact Form 스킨 이용. 최근 케이보드가 업데이트되면서 Contact Form 스킨이 추가되었습니다. 그것을 활용해보아도 좋을 듯 합니다.
  • Contact Form 7이나 Quform에서 문의 사항을 받고, 제출된 문의 사항을 케이보드를 통해 출력하기. 이 방법은 코딩 작업이 필요합니다. 개발자분들은 쉽게 가능할 수 있지만 일반인들은 쉽지 않을 것 같습니다. 자세한 내용은 "Contact Form 7에서 제출한 문의 글을 Kboard에 자동 게시하기" 또는 "Quform에서 제출한 글을 케이보드 게시글로 등록하기" 글을 참고해보시기 바랍니다.

불편을 드려 죄송합니다.


Contact Form 7 등 다양한 유무료 문의 폼 플러그인이 있습니다만, 간혹 이메일 장애로 알림 메시지가 오지 않는 경우나 보다 다양하게 문의 폼을 응용하고 싶거나, 보다 체계적으로 문의를 관리하고자 할 경우 Kboard를 활용하여 문의 폼을 만드는 것도 고려해볼 수 있을 것 같습니다.

Contact Form - Dark Skin

  • 일반 사용자가 글 목록(List)(게시글  화면으로 접속하더라도 글쓰기 화면으로 리디렉션됩니다. 관리자만이 글 목록(List) 화면에 접할 수 있습니다.
  • 모든 글은 자동으로 "비밀글"로 지정되도록 설정었습니다.
  • 사용자가 글을 제출하면 "Thank you" 메시지가 표시됩니다. 이 글을 참고로 별도의 페이지(예: www.abc.com/wp/thank-you)로 리디렉션되도록 설정할 수도 있습니다(권장). 그렇지 않을 경우 document.php 파일에서 감사 메시지 부분을 적절한 어구로 수정하십시오.

설치 방법:

    1. 위의 파일을 다운로드합니다.
    2. Avatar 스킨을 사용하여 새로운 스킨을 만듭니다. 스킨을 만드는 방법은 이 글을 참고하시기 바랍니다.
    3. 다운로드한 파일의 압축을 풀고 새로 만든 스킨 폴더에 업로드하십시오.
    4. 이외의 과정은 일반적인 KBoard 스킨 사용과 동일합니다.
    5. 입력 필드 안의 아이콘이 제대로 표시되도록 하려면 Awesome 폰트를 설치해야 합니다. (여기 참고)
    6. 최신 버전에서 상태 변경이 제대로 작동하지 않습니다. document.php 파일의 67번째 라인을 삭제해주시면 됩니다.
      <?php $content->option->quotestatus='답변완료';?>

테마에 따라 레이아웃이 달리 나타날 수 있으므로, CSS를 통해 레이아웃을 조정해야 합니다. (가령 "문의하기" 제목글이 테마에 따라 제대로 표시되지 않을 수 있습니다. 이 경우 다음과 비슷한 CSS 코드를 스타일시트 파일에 추가하십시오.

.mynew-skin-number-4 #kboard-avatar-editor .kboard-header {
  width: 102%!important;
}

margin, padding, background-color 등의 다른 속성도 테마에 따라 적용하시기 바랍니다. (CSS 코드를 테마 스타일시트에 추가하는 방법은 이 글을 참고하세요.)
* 주의: 제한된 테마에서 적용해봤기 때문에 테마에 따라 오류가 나거동하지 않았습니다.. 혹시 오류가 있거나 개선 사항이 있으면 알려주시기 바랍니다.

 


16개 댓글

  1. 최신 버전에서 상태 변경이 제대로 작동하지 않는 경우 document.php 파일의 67번째 라인을 삭제해주시면 됩니다.
    <?php $content->option->quotestatus='답변완료';?>

  2. 안녕하세요.


    답변 고맙습니다.
    그런데 하다가 잘 안 되서 포기하고 
    그냥 다른 기능으로 대체했습니다. 
    감사합니다.
    꾸벅
    1. 일요일인데도 열심이시네요.
      아무래도 PHP와 CSS에 대해 공부를 좀 하시면 실력 향상에 많은 도움이 될 것으로 생각되네요. 무작정 만지면서 배우니는 것도 한 방법일 수 있지만 아무래도 체계적인 공부가 중요한 것 같습니다.
      즐거운 저녁 시간 되시기 바랍니다.

      1. 안녕하세요.

        제가 전업이 따로 있고 얼결에 맡은 동호회 게시판이 마무리되면 두 번 다시 쳐다도 안 볼 거라서 깊게 공부하기는... 
        제가 너무 귀찮게 해 드려서 죄송합니다.
        근데 발등에 불이 떨어져서 차근차근 공부하면서 할 시간이 없어서요. 

        머리 속에 이런저런 생각이 자꾸 떠오르는데요.
        document에다가 단추 하나를 만들고 클릭하면 카운트해서 그 개수를 list에 뿌려주는 거 가능할까요? 추천 기능을 넣어 추천이 많은 인기글을 따로 관리하고 싶은데 원하는 스킨이 없어서요. 

        게시판 목록이 아래로 이어지는 환경에서 
        현재 열린 글에 해당하는 행을 목록에서 표시할 수 있을까요? 
        열린 글 아래 목록에서 해당 글이 뭔지 구분이 안 가 찾기가 어렵거든요.

        페이지 번호 단추가 맨앞과 맨끝으로 이동하는 단추가 없는데 만들 수 있을까요?

        제가 그래도 양심은 쪼금 있다는 걸 알려 드리고 싶습니다.
        케이보드 스킨을 구입하려고 했더니 사이트를 입력해야 해서 스킨은 구입하지 못하고 
        대신에 기부했어요. 케이보드 정말 훌륭합니다!!!
        (가능하다면 워드크래커님께도 보답하고 싶습니다 ㅠㅠ)

        감사합니다.
        꾸벅

      2. 안녕하세요?
        Voting 시스템은 직접 구현하기에는 한계가 있을 것입니다. 다른 플러그인을 고려해보거나 스크립트를 가져와서 적용해보는 방식을 생각해볼 수 있습니다. 하지만 현재 Kboard의 기능 내에서 적용해야 한다면 아마도 쉽지 않을 것 같습니다. http://stackoverflow.com/questions/24224301/vote-system-php-mysql 이 글을 참고해보시기 바랍니다. 이 글에 해당 스크립트가 나오는데 적용이 가능한지 모르겠네요. (보시다시피 이것은 데이터베이스와 관련되기 때문에 쉽지가 않습니다.)
        다른 플러그인으로는 bbPress에서는 이와 관련된 Voting 관련 플러그인이 있는 것 같습니다. 그리고 Sabai라는 유료 플러그인이 있는데요(https://www.thewordcracker.com/basic/sabai-discuss-which-provides-various-features-a-wordpress-plugin/), 이 플러그인은 매우 다양한 기능을 지원하는 좋은 플러그인입니다. http://codecanyon.net/item/sabai-discuss-plugin-for-wordpress/full_screen_preview/3455723 페이지에서 데모를 보실 수 있습니다. 물론 이 플러그인을 게시판 형식으로 수정하는 것도 가능합니다. (이 때 약간의 CSS 지식이 필요합니다.)

        해당 행 아래에 글 내용을 표시하려면 jQuery를 사용해야 합니다. https://www.thewordcracker.com/short-note/ 방명록에 사용된 소스를 응용하면 가능할 것 같습니다. 여기에서는 현재 글과 내용이 모두 표시되도록 했고 오른쪽의 "댓글" 아이콘을 누르면 아래로 내려가면서 댓글을 달 수 있도록 되어 있습니다. 이것을 응용하여 글 제목을 클릭하면 바로 아래에 내용 전체 또는 일부를 표시하도록 만들 수 있습니다. 사실 이렇게 만드는 게 훨씬 쉬울 것 같습니다. 방명록은 https://www.thewordcracker.com/jquery-examples/show-div-with-same-class-with-serial-number-jquery/ 글에 소개된 코드를 응용한 것입니다. http://jsfiddle.net/6GvE6/6/ 에서 데모를 보실 수 있습니다. 가령 One을 클릭하면 그 아래에 숨겨진 내용이 표시되는 형식이죠.

        페이지 번호 단추는 http://www.cosmosfarm.com/demo/?pageid=1 데모를 보니까 제일 처음과 제일 끝으로 가는 버튼이 있네요. <<와 >>로 표시되어 있습니다.

        마지막으로 KBoard 제작자를 비롯하여 오픈소스 제작자들은 소스를 공개해도 그 자체로 거의 수익이 나지 않는 것 같습니다. 외국도 마찬가지가 않을까 생각됩니다. 간혹 좋은 플러그인이 있지만 제작자가 시간이 지나면서 업데이트를 안 하고 없어지는 경우도 있거든요. 이 사이트의 경우 트래픽이 무제한이라 웹호스팅 비용이 제법 나가는 편입니다. (처음에는 저가형으로 가입했다가 속도 면에서 많은 문제가 생겨서 부담이 되더라도 비용이 높은 플랜(요금제)으로 전환했습니다.) 하지만 이 사이트 자체로 수익이 전혀 나지 않는 구조입니다. 비록 상단에 기부 메뉴를 추가해놓았지만 우리나라에서 기부를 기대한다는 것은 하늘에 별따기가 아닐까 생각되네요.

        그리고 어떤 문제에 당면하여 그것을 해결하기 위해 노력하는 모습이 너무 보기 좋네요.

        그럼 즐거운 하루되시기 바랍니다.

      3. 안녕하세요.
        1. 추천 기능은 그누프레스에서 기본으로 제공해서 간단하지 않을까라고 생각했는데 알고보니 어마어마하게 복잡한 기능이었군요. 

        2. 두 번째 질문은 제가 잘못 설명 드린 것 같습니다. 
        http://sir.co.kr/g4_tiptech/3009를 참고해 주시면 고맙겠습니다.

        3. http://www.cosmosfarm.com/demo/?pageid=1에서 << 와 >>는 페이지 1개만 앞뒤로 이동하는 단추입니다. 맨앞과 맨끝으로는 이동하지 않습니다 ㅠㅠ 
        알려 주신 플러그인과 정보는 열심히 복습해 보겠습니다. 
        우리 나라만 기부 문화가 정착되지 않아 오픈소스 개발자들이 힘든가 했더니 외국도 마찬가지였군요 ㅠㅠ 
        페이팔 이용하니까 초간단하던데 기회가 닿을 때마다 열심히 후원해야겠어요.
        그럼 즐건 하루 보내세요~!
        감사합니다.
        꾸벅
      4. 안녕하세요?

        두 번째 질문은 감이 조금 잡히지 않네요. 실제 작동하는 예를 봤으면 좋을 듯합니다. 현재 글을 보고 목록으로 돌아가기를 눌러 돌아가면 목록에서 본 글에 해당하는 번호를 굵게 표시한다는 의미 같기도 하네요. 맞나요?

        세번째는 >>을 누르면 한 칸씩 이동하네요. 이것을 맨끝으로 이동시키려면 소스를 찾아서 수정해주면 될 것 같은데요. 별로 어려울 것 같지는 않습니다.

      5. 안녕하세요.

        2번 질문은 

        "현재 글을 보고 목록으로 돌아가기를 눌러 돌아가면 목록에서 본 글에 해당하는 번호를 굵게 표시한다는 의미 같기도 하네요. 맞나요?"
        그 개념이 맞고, 부연하자면 돌아가기를 누를 때뿐 아니라, 첨부 이미지처럼 글 아래 목록에서도 화살표 아이콘 표시든 색깔 변화든 해당 글이 구분이 되면 좋겠습니다.
        (이미지는 조금 있다가 삭제할게요)
        3. 맨 끝 단추는 어떻게 구현할 수 있을까요?
        그런데 index 파일이이나 class 폴더의 파일만 건들이면 미디어 라이브러리가 작동하지 않아서 지금 여러 가지를 수정하지 못하고 있습니다. ㅠㅠ 
        테마와의 충돌일 수도 있고 업뎃된 "KBOARD에서 이미지 삽입하기" 기능의 문제일 수도 있는 것 같습니다.
        그럼 편안한 오후 보내세요~
        감사합니다.
        꾸벅
      6. 안녕하세요?
        방금 보았던 글의 번호를 다른 색으로 바꾸는 방법을 https://www.thewordcracker.com/freeboard_kboard/ 사이트에 적용해보았습니다. 한번 테스트해보시기 바랍니다.

        맨 끝으로 이동하거나 맨 앞으로 이동하는 기능은 시간이 되면 한번 살펴보겠습니다(언제 가능할지 장담할 수는 없습니다). 소스를 분석해야 하기 때문에 시간이 걸릴 수 있습니다.

      7. 우와 대박! 

        진정한 능력자십니다!!
        현재는 "목록보기" 단추를 눌렀을 때 이전에 열었던 글 번호가 색상이 바뀌고 브라우저에서 뒤로가기 단추를 눌렀을 때는 그대로입니다. 
        저희 게시판 구성처럼 글 아래에 목록이 표시되는 경우에도 글번호 색깔이 바뀌나요? 
        같은 게시판을 아래로 뿌려주는 거라서 될 것 같은데, "목록보기" 단추가 기준이라면 안 될 수도... 
        행 전체의 색깔을 바꿀 수도 있을까요? 
        제가 이럽니다. 하나가 해결되면 바로 질문이 또 터지네요. 
        필요한 구성은 대충 마무리가 되서 앞으로는 쉬엄쉬엄 질문하겠습니다.
        감사합니다.
        꾸벅
      8. 브라우저에서 Back을 누르면 안 되는 이유는 http://stackoverflow.com/questions/19440473/serverhttp-referer-works-but-browser-back-button-doesnt 글을 참고해보시기 바랍니다.

        이메일로 소스를 보내드릴게요. 그것을 응용해서 수정해보시기 바랍니다. 방식은 http://www.cosmosfarm.com/threads/document/4921 글에 나오는 내용을 참고하여 UID를 가지고 체크하도록 했습니다. 아마 UID는 고유(unique)할 것이기 때문에 별 문제가 없을 것입니다.

      9. 페이지 맨앞/맨끝으로 가는 방법은 위의 답변을 참고하시고요, 질문이 있으면 언제든지 해 주시기 바랍니다. 제 블로그에 관심을 가져주셔서 감사합니다.

    2. 안녕하세요?

      <<와 >>를 누르면 제일 처음과 맨 나중 페이지 번호로 이동하는 방법입니다.

      kboard\helper\Pagination.helper.php 파일에서 다음 부분을 찾으시기 바랍니다:

       if($current_page != 1){

        $prev_page = $current_page - 1;

        $paging = "<li><a href=\"?pageid={$prev_page}{$query_strings}\">«</a></li>{$paging}";

       }

       if($current_page != $total_page){

        $next_page = $current_page + 1;

        $paging = "{$paging}<li><a href=\"?pageid={$next_page}{$query_strings}\">»</a></li>";

       }

      윗 부분을 다음과 같이 수정합니다.

       if($current_page != 1){

      //  $prev_page = $current_page - 1;

        $paging = "<li><a href=\"?pageid=1\">«</a></li>{$paging}";

       }

       if($current_page != $total_page){

      //  $next_page = $current_page + 1;
        $paging = "{$paging}<li><a href=\"?pageid={$total_page}\">»</a></li>";

       }

      빨간색 부분만 수정되었으니 잘 수정해 보시기 바랍니다.

      그럼, 수고하세요.

  3. 안녕하세요.

    이 문의폼을 설치했는데 관리자에게만 목록이 표시되고 그 외의 사용자에게는 문의폼이 표시되네요. 모든 사용자가 목록을 보고 자신의 문의내용을 확인할 수 있게 하려면 어느 부분을 설정해야 하는지요?

    감사합니다.
    꾸벅
    1. 안녕하세요?
      사실 문의폼 리스트는 관리자만 접근할 수 있도록 설정되어 있습니다. 그러면 Contact Form 7 등과 비슷한 효과를 얻을 수 있기 때문입니다. 만약 이 기능을 없애려면 list.php 파일에서 리디렉션시켜주는 코드를 없애면 됩니다. 아마 list.php 맨 윗부분 근처에 코드가 있을 것입니다.

댓글 남기기

* 이메일 주소는 공개되지 않습니다.