제로보드XE로 2ch식 게시판 제작기. net life



http://hasaho.net/board_minitalk

제가 사이트빌더 담당자로 있는 모 사이트(....)에 한번 실험적인 시도를 해 보았습니다. 제로보드XE를 이용해서 2ch식 게시판을 만들어 봤습니다.


1. 모듈은?
 게시판 모듈을 사용했습니다. 게시판 설정에서 '업데이트 순' '올림차순'으로 스위치를 맞춰주면 2ch와 같은 최신 댓글 달린 글이 게시판 최상단으로 올라가는 게시판을 만들 수 있습니다. 스킨은 예전 구버전 패키지에 들어있던 '방명록' 스킨을 응용한 커스텀 스킨을 사용했습니다.

http://www.xpressengine.com/16791670

톡깽이님이 만드신 방명록 스킨은 에디터를 버튼으로 불러내어 사용하는 방식으로 작동합니다. 화면 공간을 아끼기 좋지요. 오른쪽으로 치우쳐 있던 '글 쓰기' 버튼을 CSS에서 float:right를 삭제해서 왼쪽으로 땡겨왔습니다. 버튼 이름도 '새로운 스레드 작성하기'로 바꿨습니다. 글쓰기 버튼에 관한 내용은 list.html의 <div class="listWrite"> 에서 찾을 수 있습니다. 소스 파일에는 '쓰기'라는 한글 대신에 다국어 언어팩의 단어를 불러와 사용하는 치환자 {$lang->cmd_write}로 적혀 있으니 이 점 염두해 주세요. 그리고 <!--@if(!$oDocument->isExists())-->와 이 if문을 닫아주는 <!--@end-->를 제거하지 않으면 게시판의 글을, 이를테면 사이트 메인에서 새 글 위젯 찍고 접속했을 경우에는 새 글 쓰기 버튼이 안 나오는 황당한 일이 생길 수 있으니 이 부분도 놓치지 않도록 합니다.
   


XE 구형 기본스킨의 파생형이기 때문에 게시판 상단부분의 메뉴 배치가 썩 좋지는 않습니다.
그래서 스킨의 헤더 파일(header.html)에서 <!-- 상단 텍스트 출력 --> 부분을 맨 아래로 끌어내렸습니다. 이 파일은 주석이 굉장히 자세하게 달려 있기 때문에 이것저것 찾기는 어렵지 않을 겁니다.

2. 위젯은?
 개조한 커스텀 위젯을 사용합니다. 최근글(newest_document)xe_official스킨을 개조했습니다. 이 스킨의 코드를 곧바로 개조하는 것은 별로 추천하지 않으니 폴더를 복제해서 다른 이름을 주고 skin.xml파일에서도  <title xml:lang="ko">****</title>부분을 수정해서 새로운 이름을 주도록 합시다. (이걸 바꾸지 않아도 큰 상관은 없습니다만 나중에 위젯 선택 모드에서 XE기본 위젯과 이름이 똑같은게 두 개 나와버리면 골치아프니까요.

2ch의 느낌을 살리기 위해 list.html에서 위젯의 css를 불러오는 행을 제거했습니다. 그리고 ul-li 태그를 이용해 한 줄에 글 하나만 출력되도록 한 것을 해당 태그를 삭제해서 글 제목이 2ch처럼 다닥다닥 붙어나오도록 했습니다.

그리고 제목 링크 주소는

http://XE설치주소/?mid=게시판 모듈명&category=&search_target=title_content&search_keyword={$oDocument->getTitle($widget_info->subject_cut_size)}

이걸로 바꿔주도록 합니다. 방명록 스킨은 해당 글의 퍼머링크로 연결되었을 경우 그 문서 하나만을 표현해줄 수 있는 능력이 없습니다. (view_document.html파일이 없이 list.html파일이 글 보여주기 파일의 기능을 떠맡아 그 기능의 일부분만을 수행하는 구조입니다.) 그래서 퍼머링크 연결을 게시판 검색 명령으로 바꿔줘야 하는 것이지요.

3. 위젯 부착은?
'게시판 정보'의 '상단 내용'에 개조한 위젯 코드를 넣도록 합니다.




이걸로 끝.

참 쉽지요?(......)


죄... 죄송합니다...(.....)
언제 시간 나면 제대로 된 매뉴얼을 올릴 수 있을지도..;;


트랙백

이 글과 관련된 글 쓰기 (트랙백 보내기)
TrackbackURL : http://ninetail02.egloos.com/tb/2323544 [도움말]

덧글

  • Allenait 2009/05/21 19:27 # 답글

    ..제로보드로 가능하긴 했군요
  • 나인테일 2009/05/21 22:18 #

    이래저래 두들겨 보니깐 되긴 되더군요..;;
  • 천사와아이들 2009/06/27 01:23 # 삭제 답글

    음.. 설치 주소랑 모듈명은 어떻게 해야 하나요? 모르는데...
  • 나인테일 2009/06/27 03:04 #

    메일 주소나 메신저(MSN or 네이트온) 주소를 비공개 덧글로 알려주시면 이거보다 더 향상된 노하우와 스킨 코드를 전해드리도록 하겠습니다..;
  • 2009/07/01 21:04 # 삭제 답글

    비공개 덧글입니다.
  • 천사와아이들 2009/07/03 01:30 # 삭제 답글

    비밀 댓글 달았습니다. 저 위에
※ 로그인 사용자만 덧글을 남길 수 있습니다.


트위터