KBoard에서 스킨 파일 수정하기(워드프레스)

KBoard는 다양하게 응용이 가능한 워드프레스에서 몇 안 되는 한국형 게시판 플러그인인 중 하나입니다. 기본적인 게시판 외에 KBoard를 다음과 같이 응용이 가능합니다(여기에서 스킨을 다운로드할 수 있습니다).

이외에도 사용자의 요구에 따라 자유롭게 수정이 가능합니다. KBoard를 수정하려면 skin 폴더의 파일을 수정해야 합니다.

Kboard 스킨 폴더

이 글을 작성한 후에 케이보드에 많은 변화가 있었습니다. 이제는 알림판 내에서 필드 옵션을 추가할 수 있도록 바뀌었고 커스텀 작업도 쉬워졌습니다. 자세한 내용은 "워드프레스 케이보드(Kboard) 스킨 수정 방법 (업데이트)"을 참고해보세요.

KBoard에서 스킨 파일 수정하기(워드프레스)

새로운 스킨 만들기

스킨 파일을 수정하려면 FTP를 통해 /wp-content/plugins/kboard/skin/[스킨폴더명]/에 접속하도록 합니다. 스킨에는 avatar, customer, default, thumbnail 등이 있습니다. 스킨을 수정하려는 경우에는 기존 스킨 파일들을 이용하여 다른 이름으로 스킨 폴더를 만들어서 시작하는 것이 좋습니다. 예를 들어, avatar 스킨을 수정하려는 경우 avatar 폴더를 로컬 폴더로 복사한 후에, 로컬 폴더에서 폴더명을 바꾸고(예: avatar2...) 다시 서버로 업로드하도록 합니다.

change skin folder name

그런 다음 새로 업로드한 스킨 폴더(예: avatar2)에서 info.txt 파일을 열어서 스킨 이름을 바꿉니다.

워드프레스 케이보드 스킨 이름 바꾸기


이렇게 새로운 스킨을 만들면 추후에 KBoard가 업데이트되더라도 수정된 스킨 파일은 초기화되지 않습니다.

스킨 파일 수정하기

Kboard에서는 수정할 파일이 몇 가지 되지 않고 쉽게 수정이 가능합니다. bbPress를 수정해보신 분은 아시겠지만, bbPress를 수정하려면 다수의 template 파일을 수정해야 하고 파일명이 다소 복잡하여 수정할 때 헤매는 경우가 있습니다. 그것에 비하면 KBoard는 수정이 매우 용이하도록 되어 있습니다.

list.php

list.php는 KBoard의 글목록 화면에 대한 파일입니다. 이 파일을 수정하여 글목록이 화면에 표시되는 방식을 조정할 수 있습니다. 가령 갤러리 형식으로 바꾸기를 원하는 경우 list.php 파일을 중점적으로 수정해야 합니다. (이 파일을 수정하여 Kboard를 워드프레스의 카테고리 아카이브와 같이 수정도 가능합니다.)

editor.php

editor.php 파일은 말 그대로 편집화면, 즉 글쓰기 화면과 관련됩니다. 새로운 필드를 추가하거나 글쓰기 화면의 모양을 바꾸고자 하는 경우 이 파일을 수정하면 됩니다. 가령, 견적서와 같이 사용자의 요구에 맞게 새로운 필드를 추가해야 하는 경우 이 파일의 수정에 많은 시간이 소요될 수 있습니다.

새로운 필드 추가하기

Kboard에서 새로운 필드를 추가하는 방법은 여기를 참고하시기 바랍니다.

기존 필드 삭제하기

Kboard에서 기존 필드를 삭제하는 방법은 여기를 참고하시기 바랍니다.

document.php

document.php는 개별 글을 표시하는 화면을 제어합니다.

Kboard document php file


위의 그림과 같이 개별 게시글의 제목 부분과 글머리 부분(작성자/작성일/조회) 부분의 레이아웃을 이 파일을 통해 수정이 가능합니다. 심지어 다음과 같이 본문 글 표시 부분을 표 형식으로도 표시가 가능합니다.

Kboard document php table format

기타

위에 나열된 3개 파일이 주로 수정되고 이외에는 필요한 경우에만 수정할 수 있습니다. 가령 네이버 스마트에디터를 추가하려는 경우에는 kboard_setting.php, script.js 파일 등도 수정해야 합니다(여기 참조).

그리고 KBoard에 우편번호, 날짜선택기 등과 같은 새로운 기능도 쉽게 추가할 수 있습니다. 워드프레스에 우편번호 검색창을 추가하려는 경우 다음 우편번호 서비스를 이용하면 쉽게 구현이 가능합니다(여기 참조). 그리고 날짜선택기와 같이 jQuery로 구현되는 기능을 추가하려면 먼저 함수 파일(functions.php)에 js 파일을 후크(enqueue)시킨 후에 사용할 수 있습니다. 자세한 내용은 이 블로그의 다른 글에 설명되어 있으니 참고하시기 바랍니다.

참고


26개 댓글

  1. 안녕하세요 갤러리형식으로 바꾸는 방법에 대한 링크가 삭제되었길래 댓글남겨봅니다.. 갤러리처럼 이미지밑에 간략설명이 들어가는 느낌의 갤러리 형식으로 모든사용자가 글을 쓸수있게 바꾸고 싶은데요 방법이 있을까요?

    1. 안녕하세요, 숫고라니님. 이 블로그를 시작할 당시에 케이보드용 스킨이 많지 않아서 직접 스킨을 커스텀하여 사용하기 위해 그에 대한 글이 많았습니다만, 지금은 비록 유료지만 괜찮은 스킨이 제법 있는 것 같습니다. 가능한 경우 케이보드에서 판매하는 갤러리 관련 스킨을 구입하여 그대로 사용하거나, 마음에 들지 않으면 조금 수정하여 사용하는 것이 시간과 노력을 절감하고, 결과물도 더 좋지 않을까 생각됩니다.

      1. 그렇군요.. 망보드에 비슷한 느낌의 갤러리형식 게시판이 있길래 쓰고있습니다. 한가지 질문은 본문 페이지 자체에 이미지 슬라이드를 넣을수 있는 방법이 있을까요?

      2. 워드프레스 포스트에서 이미지 갤러리를 넣고 싶다면 구텐베르크에서 제공하는 갤러리 기능을 사용할 수 있습니다.

        https://avada.tistory.com/2180

        슬라이드를 넣고 싶은 경우에는 슬라이더 플러그인을 사용하여 슬라이드를 만든 후에 숏코드를 넣을 수 있을 것 같습니다. 페이지의 경우 엘리멘터 페이지 빌더와 같은 페이지 빌더를 활용하거나 만찬가지로 슬라이더 플러그인을 활용해볼 수 있지 않을까 생각되네요.

    2. 그렇군요 감사합니다
      그럼 망보드나 케이보드 자체 게시글안에는 구텐이나 슬라이더 플러그인으로 슬라이더느낌을 넣을수는 없을까요?

      1. 현재 케이보드와 망보드를 사용하고 있지 않아서 이 부분은 잘 모르겠습니다. 시간이 날 때 한번 체크해보겠습니다.

  2. 안녕하세요..제가 본문없이 제목이랑 글번호로만 된 게시판을 만들고 싶은데 어떻게 해야하까요?ㅠㅠ 아무리 찾아봐도 모르겠네요... 도와주실수 있으신가요?ㅠㅠ

    1. 안녕하세요?

      게시판에서 제목과 글번호를 남기고 모두 표시되지 않도록 하고 싶다는 것으로 이해가 되네요.
      제가 제대로 이해했나요?

      list.php 파일에서 제목과 글번호 컬럼(열)만 남기고 삭제하실 수 있습니다.

      다른 방법으로 CSS를 사용하여 제목과 글 번호만 남기고 모두 숨기는 방법을 생각해볼 수 있습니다.
      display: none;을 사용하여 숨기면 됩니다.

      https://www.w3schools.com/css/css_display_visibility.asp 문서를 참고해보세요.

      참고로 CSS로 숨기면 실제로 삭제되는 것은 아니고 페이지에 접속하는 화면에만 보이지 않습니다.

      소스를 직접 수정하는 것이 용이하지 않으면 CSS로 숨기는 방법을 이용해보시기 바랍니다.

  3. 안녕하세요. 덕분에 예쁜 견적서폼으로 사용하고 있었는데 갑자기 비밀글 기능, 패스워드 입력부분이 작동이 안되더라구요.
    비밀번호를 입력했는데, 게시글이 비밀글이 아닌 그냥 게시글로 등록이 되어요. 어디를 수정해줘야 할까요?

    1. 안녕하세요?

      플러그인이 업데이트되면서 이전 버전에서 수정한 것이 잘 작동하지 않는 경우는 흔합니다.

      가급적 새로 업데이트된 KBoard 스킨 파일을 가지고 하나씩 수정해나가시면 좋을 듯 합니다.
      방식은 동일합니다. 다만 세부적인 부분이 버전 업되면서 달라졌을 수 있습니다.
      구조를 비슷하게 만들면 CSS 코드는 재사용이 가능할 것으로 보입니다.

    1. 안녕하세요?

      문의 폼이 만들어진지가 조금 오래되어 최근 Kboard 버전과 호환이 잘 안 될 수 있습니다.

      우선 document.php 파일에서 아래와 같은 라인이 있으면 삭제해주면 최신 버전에서 제대로 작동할 수도 있습니다.
      <?php $content->option->quotestatus='답변완료';?>

      잘 안 되면 가급적이면 기존 코드를 참고로 하여 직접 만들어보시기 바랍니다.
      그리고 분류 같은 경우도 케이보드의 카테고리 기능을 사용하면 더 좋은 결과를 얻을 수 있을 것 같습니다.
      또, 필드를 추가할 때 다음 두 글을 참고하면 도움이 될 것입니다:
      https://www.thewordcracker.com/intermediate/add-email-field-in-wordpress-kboard-plugin/
      https://www.thewordcracker.com/intermediate/how-to-add-a-new-field-in-kboard/

  4. filezilla를 통해서 default 폴더 복사후 이름변경해서 다시 업로드 했는데, kboard 스킨변경에서 목록이 안뜨는데 어떻게 해야 바로 보이게 할 수 있나요? 따로 리스타트 하는 방법이라든지.. ㅠㅠ
    항상 글 도움있게 보고있습니다!

    1. 안녕하세요? 위의 방법대로 제대로 하면 문제가 없을 것 같은데요. 이때까지 항상 위와 같은 방법대로 했을 때 문제가 있는 것은 본 적이 없어서요. 캐시 플러그인이 있으면 캐시를 지워보시기 바랍니다.

      1. 네 안녕하세요? 저번에도 kboard 설치도구를 통해서 게시판과 댓글을 다운받았을 때 filzilla 디렉토리 경로(kboard 폴더)가 나타나는 것도 느리더라구요.. 하루 뒤에 나타나서 고생했었는데 같은 문제인 걸까요?

      2. 제가 여러 도메인으로 테스트 하다보니 파일질라에서 새 사이트 추가 할 때 username을 헷갈려서 기입시켰었네요, 그래서 바로바로 적용도 안되었던 거네요 ㅠㅠ 말씀대로 다른 플러그인 수정해볼려고 시도했다가 발견했어요 감사합니다!

  5. FTP - avatar2 폴더 복사하고 document.php , editor.php, list.php, style.css 덮어쓰기 하였는데.. info.txt파일이 없는데.. 다른 파일에서 수정해야되나요???

댓글 남기기

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