댓글 목록

게시판 스킨 gallery - list.skin.php

페이지 정보

작성자 운영자 작성일 18-01-17 16:18 조회 1,571 댓글 0

동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.

그누보드5 배포판에 있는 게시판 스킨중 basic과 gallery는 많은 부분 동일합니다.

다른 파일은 list.skin.php라고 할 수 있습니다.

게시판 db table에 등록되어 있는 글을 텍스트 목록으로 보여주느냐 아니면 이미지 목록으로 보여주느냐의 차이라고 볼 수 있습니다.


본격적인 스킨을 만들기에 앞서 갤러리 목록과 관련한 list.skin.php파일을 살펴보고 게시판 스킨을 만들어 보도록 하겠습니다.


위치 :

1. 테마적용전 (그누보드 5.0.41 / 2015.07.20)

  • 그누보드5/skin/board/gallery  : PC버전
  • 그누보드5/mobile/skin/board/gallery  : Mobile버전


2. 테마적용후 (그누보드 5.1.b1 / 2015.07.21)

  • 그누보드5/theme/테마명(basic)/skin/board/gallery : PC버전
  • 그누보드5/theme/테마명(basic)/mobile/skin/board/gallery : Mobile버전


파일명 : list.skin.php

98afc5110e38f9338d5daae5c987edd3_1516172383_3291.png
위 화면은 갤러리 목록의 한 예입니다.


일반게시판과 비교하여 갤러리는 이미지(또는 사진)을 화면에 적절한 모양으로 표현한다고 볼 수 있습니다.

회사에서는 제품목록을 갤러리 게시판을 이용하여 표현할 수도 있습니다.

화면에 진열하는 방식은 위처럼 한 줄에 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에서 살펴본 것을 참조바랍니다.


댓글목록 0

등록된 댓글이 없습니다.