[KBoard 스킨 다운로드] 견적요청서 – 화이트핑크 스킨

KBoard(워드프레스 게시판 플러그인)의 아바타 스킨을 견적서 양식으로 개조한 버전입니다. [화이트핑크 스킨] (파일명: requestform_whitepink.zip (2015_0706))

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

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

불편을 드려 죄송합니다.


Kboard Quote Request Form whitepink skin

자세한 내용은 여기를 참고하세요.

설치 방법:

  1. 위의 파일을 다운로드합니다(다운로드 암호: 2015).
  2. Avatar 스킨을 사용하여 새로운 스킨을 만듭니다(아바타 스킨 이외의 다른 스킨을 사용해도 무방할 것 같습니다). 스킨을 만드는 방법은 여기를 참고하시기 바랍니다.
  3. 다운로드한 파일의 압축을 풀고 FTP를 사용하여 새로 만든 스킨 폴더에 업로드합니다.
  4. 이외의 과정은 일반적인 케이보드 스킨 사용과 동일합니다.
  5. 입력 필드 안의 아이콘이 제대로 표시되도록 하려면 Awesome Font를 설치하는 것이 좋습니다. (여기 참고)
  6. 이 그림 파일을 다운로드받아 미디어에 업로드하고, style.css에서 다음 두 라인의 그림 파일 경로를 수정합니다.
    background: #FFF url('http://www.thewordcracker.com/wp-content/uploads/2015/06/down-arrow.png') no-repeat right!important;
    background: #FFF url('http://www.thewordcracker.com/wp-content/uploads/2015/06/down-arrow.png')

날짜 선택기(Datepicker)를 사용하려면 이 글에 있는 jQuery 코드를 복사하여 js 파일(예: datepicker.js)로 만들고 테마 폴더 아래에 js 폴더를 만들고 복사합니다(예: wp-content/themes/테마 폴더 이름[예: avatar]/js).  테마 파일에서 js 파일을 후크(enqueue)시켜 줍니다(“js 스크립트 파일과 스타일시트를 올바르게 로드하는 방법” 글을 참고하세요). 자세한 내용은 WordPress Codex 페이지를 참고하시기 바랍니다. 테마에 따라 레이아웃이 달리 나타날 수 있습니다. CSS를 통해 레이아웃 조정이 필요할 수 있습니다. (글 제출 후 표시되는 페이지를 지정하려면 여기를 참고하시기 바랍니다.)

* 주의: 충분한 테스트를 거치지 않았기 때문에 테마에 따라 혹은 환경에 따라 오류가 발생하거나 제대로 작동하지 않을 수 있습니다. 혹시 오류가 있거나 개선 사항이 있으면 알려주세요.

 

Comments