동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.
그누보드5 배포판에 있는 게시판 스킨중 basic과 gallery는 많은 부분 동일합니다.
다른 파일은 list.skin.php라고 할 수 있습니다.
게시판 db table에 등록되어 있는 글을 텍스트 목록으로 보여주느냐 아니면 이미지 목록으로 보여주느냐의 차이라고 볼 수 있습니다.
본격적인 스킨을 만들기에 앞서 갤러리 목록과 관련한 list.skin.php파일을 살펴보고 게시판 스킨을 만들어 보도록 하겠습니다.
위치 :
1. 테마적용전 (그누보드 5.0.41 / 2015.07.20)
2. 테마적용후 (그누보드 5.1.b1 / 2015.07.21)
파일명 : list.skin.php
일반게시판과 비교하여 갤러리는 이미지(또는 사진)을 화면에 적절한 모양으로 표현한다고 볼 수 있습니다.
회사에서는 제품목록을 갤러리 게시판을 이용하여 표현할 수도 있습니다.
화면에 진열하는 방식은 위처럼 한 줄에 4개의 사진을 배치할 수도 있고 웹진처럼 한 줄에 사진과 간단한 텍스트 정보를 나열할 수도 있습니다.
목록을 나타내는 스킨 소스에서 일반게시판과 가장 큰 차이점은 사진을 표현한다는 것입니다.
그래서 글보기 파일에서 추가한 thumbnail.lib.php파일이 동일하게 추가됩니다.
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
위 예에서는 한 줄에 4개의 이미지가 배치되는 것을 볼 수 있습니다. 이것은 게시판 관리자화면 설정에서 정하게 되어 있습니다.
게시판에 설정된 값을 가져와 반영합니다.
list.skin.php에서는 /bbs/list.php에서 넘겨준 값을 반영하게 되는데
$classes[] = 'gall_li';
$classes[] = 'col-gn-'.$bo_gallery_cols;
if( $i && ($i % $bo_gallery_cols == 0) ){
$classes[] = 'box_clear';
}
변수 $bo_gallery_cols을 /bbs/list.php에서 넘겨받습니다.
// 0 으로 나눌시 오류를 방지하기 위하여 값이 없으면 1 로 설정
$bo_gallery_cols = $board['bo_gallery_cols'] ? $board['bo_gallery_cols'] : 1;
$td_width = (int)(100 / $bo_gallery_cols);
게시판 설정에서 설정한 값대로 썸네일을 만들어 목록에 반영합니다.
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height'], false, true);
다른 소스부분은 일반게시판 list.skin.php에서 살펴본 것을 참조바랍니다.
등록된 댓글이 없습니다.